@charset "utf-8";
@font-face{font-family:Poppins;src:url(../fonts/Poppins-Regular.woff2) format('woff2'),url(../fonts/Poppins-Regular.woff) format('woff'),url(../fonts/Poppins-Regular.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:Poppins;src:url(../fonts/Poppins-Light.woff2) format('woff2'),url(../fonts/Poppins-Light.woff) format('woff'),url(../fonts/Poppins-Light.ttf) format('truetype');font-weight:300;font-style:normal}
@font-face{font-family:Poppins;src:url(../fonts/Poppins-Bold.woff2) format('woff2'),url(../fonts/Poppins-Bold.woff) format('woff'),url(../fonts/Poppins-Bold.ttf) format('truetype');font-weight:700;font-style:normal}
@font-face{font-family:NotoSansTC;font-style:normal;font-weight:100;src:url(../fonts/NotoSansTC-Thin.woff) format('woff'),url(../fonts/NotoSansTC-Thin.ttf) format('ttf'),url(../fonts/NotoSansTC-Thin.eot) format('eot')}
@font-face{font-family:NotoSansTC;font-style:normal;font-weight:300;src:url(../fonts/NotoSansTC-Light.woff2) format('woff2'),url(../fonts/NotoSansTC-Light.woff) format('woff'),url(../fonts/NotoSansTC-Light.otf) format('opentype')}
@font-face{font-family:NotoSansTC;font-style:normal;font-weight:400;src:url(../fonts/NotoSansTC-Regular.woff2) format('woff2'),url(../fonts/NotoSansTC-Regular.woff) format('woff'),url(../fonts/NotoSansTC-Regular.otf) format('opentype')}
@font-face{font-family:NotoSansTC;font-style:normal;font-weight:500;src:url(../fonts/NotoSansTC-Medium.woff2) format('woff2'),url(../fonts/NotoSansTC-Medium.woff) format('woff'),url(../fonts/NotoSansTC-Medium.otf) format('opentype')}
@font-face{font-family:NotoSansTC;font-style:normal;font-weight:700;src:url(../fonts/NotoSansTC-Bold.woff) format('woff'),url(../fonts/NotoSansTC-Bold.ttf) format('ttf'),url(../fonts/NotoSansTC-Bold.eot) format('eot')}
@font-face{font-family:NotoSansTC;font-style:normal;font-weight:900;src:url(../fonts/NotoSansTC-Black.woff) format('woff'),url(../fonts/NotoSansTC-Black.ttf) format('ttf'),url(../fonts/NotoSansTC-Black.eot) format('eot')}
html{font-size:1em}
body{margin:0;padding:0;width:100%;overflow-x:hidden;color:#444;font-size:1em;font-family:Poppins,'微软雅黑','Microsoft JhengHei',sans-serif;line-height:1.7em;background-color:#1b1b1b}
button,input,label,textarea{color:#444;font-size:1em;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}
label{margin-bottom:0}
select{border-radius:0}
button,input,textarea{outline:0}
a{color:#444}
a:hover{color:#1a3663;text-decoration:none}
img{vertical-align:top}
.hidden-ele{position:absolute;top:-1px;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);margin:0;height:0}
.rwd-img{width:100%}
.max-img{height:auto!important;max-width:100%}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.reset{margin:0;padding:0;list-style:none;border:0;border-spacing:0;border-collapse:collapse}
.reset input,.reset label,.reset select{vertical-align:middle}
::-webkit-input-placeholder{color:#000;font-size:1em}
::-moz-placeholder{color:#000;font-size:1em;opacity:1}
:-ms-input-placeholder{color:#000;font-size:1em}
:-moz-placeholder{color:#000;font-size:1em}
.animate{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.slick-arrow{position:absolute;top:50%;margin-top:-17px;width:34px;height:34px;overflow:hidden;font-size:0;background-color:transparent;background-position:center;background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;border:none;outline:0;z-index:1}
.slick-prev{left:5px;background-image:url(../images/arrow_left.png)}
.slick-next{right:5px;background-image:url(../images/arrow_right.png)}
.slick-disabled{opacity:0}
.slick-dots{position:absolute;bottom:25px;left:0;margin:0;padding:0;width:100%;height:10px;z-index:1;text-align:center}
.slick-dots li{display:inline-block;margin:0;padding:0 5px}
.slick-dots li button{display:block;margin:0;padding:0;width:12px;height:12px;overflow:hidden;font-size:0;-webkit-border-radius:0;border-radius:0;background-color:#0e3573;border:2px solid #fff;overflow:hidden;-webkit-border-radius:50%;border-radius:50%}
.slick-dots .slick-active button{background-color:#ed7020}
.full-wrap{padding-top:50px;overflow:hidden;background-color:#fff}
.full-wrap:before{pointer-events:none;content:"";position:fixed;top:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0}
.full-wrap.open:before{pointer-events:auto;z-index:10;opacity:1}
.page-wrap{margin:0 auto;max-width:1300px;padding:0 20px}
.page-wrap2{margin:0 auto;max-width:1200px;padding:0 20px}
.page-subject{position:relative;padding:15px 0 10px;color:#222;font-size:20px;text-align:center}
.page-subject:before{pointer-events:none;content:"";position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:3px;background-color:#ed7020}
@media only screen and (min-width:768px){.full-wrap{padding-top:70px;min-height:400px}
.page-subject{margin-bottom:10px;padding:25px 0 15px;font-size:24px}
}
@media only screen and (min-width:1366px){.full-wrap{padding-top:90px}
.full-wrap:before{display:none}
.page-subject{margin-bottom:20px;padding:40px 0 20px;font-size:28px}
.page-subject:before{margin-left:-37px;width:74px}
}
.header .logo{position:fixed;top:0;left:0;padding:10px 8px;width:100%;background-color:#1a3663;z-index:11}
.header .logo a{display:block;width:138px;height:30px;font-size:0;background:url(../images/logo.png);-webkit-background-size:cover;-o-background-size:cover;background-size:cover}
.header .search-box.open .icon-search{opacity:0}
.header .search-box.open:after,.header .search-box.open:before{opacity:1}
.header .hide-search{display:none;position:absolute;top:78px;left:10px;width:calc(100% - 20px);opacity:1;font-size:0;z-index:99}
.header .hide-search .input-style{display:inline-block;padding:10px;width:calc(100% - 40px);height:40px;font-size:16px;vertical-align:top;background-color:#fff;border:none}
.header .hide-search .submit-style{display:inline-block;width:40px;height:40px;font-size:0;overflow:hidden;border:none;background:#1a3663 url(../images/icon_search.png) center 5px no-repeat;-webkit-background-size:30px;-o-background-size:30px;background-size:30px;vertical-align:top;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.online-box{ display:none;}
.lang-box .hide-lang-list,.lang-box .main .txt{display:none}
.lang-box .hide-lang-list{position:fixed;top:50px;left:0;z-index:11;width:100%;background-color:#222}
.lang-box .hide-lang-list a{display:block;padding:5px;color:#fff;text-align:center;border-bottom:1px solid #444}
.lang-box.open .main .icon-earth{opacity:0}
.lang-box.open:after{opacity:1}
.copy-header{display:none}
@media only screen and (min-width:768px){.header .logo a{width:230px;height:50px}
.header .top-area{position:fixed;top:0;right:0;z-index:12;width:50px;height:70px;background-color:#2a59a3;-webkit-transition:width .25s ease-in-out;-moz-transition:width .25s ease-in-out;-ms-transition:width .25s ease-in-out;-o-transition:width .25s ease-in-out;transition:width .25s ease-in-out}
.header .top-area:before{pointer-events:none;content:"";position:absolute;top:0;left:auto!important;right:100%;width:0;height:0;border-style:solid;border-width:0 0 70px 25px;border-color:transparent transparent #2a59a3 transparent}
.search-box{float:right;display:block}
.search-box .icon-search{display:block;position:relative;cursor:pointer;padding:14px 5px 16px 5px;background-color:#2a59a3;z-index:1}
.search-box .icon-search span{display:block;margin-top:5px;margin-right:5px;width:30px;height:30px;vertical-align:middle;background:url(../images/icon_search.png) center 0 no-repeat;-webkit-background-size:30px 60px;-o-background-size:30px 60px;background-size:30px 60px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}
.search-box .icon-search:hover span{background-position:center bottom}
.search-box .icon-search.open span{opacity:0}
.header .icon-search.close-style:after,.header .icon-search.close-style:before{top:33px;right:14px}
.header .hide-search{pointer-events:none;display:block;top:0;right:auto;left:0;z-index:0;margin:0;padding-top:14px;padding-left:20px;width:0;height:70px;overflow:hidden;font-size:0;opacity:1;background-color:#2a59a3;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header .hide-search .form-box{width:240px}
.header .hide-search:before{pointer-events:none;content:"";position:absolute;top:0;left:-25px;width:0;height:0;border-style:solid;border-width:0 0 70px 25px;border-color:transparent transparent #2a59a3 transparent}
.header .hide-search .submit-style:hover{background-color:#222}
.header .hide-search.open{pointer-events:auto;left:-260px;width:260px}
.header .hide-search.open .input-style{opacity:1}
.online-box{ display:none}
.lang-box{float:right;display:block;position:relative;padding:14px 20px 16px 5px;background-color:#2a59a3;z-index:2}
.lang-box .main{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.lang-box .main .txt{display:inline-block;position:relative;margin-left:-1px;padding-top:3px;color:#fff;font-size:13px;vertical-align:middle}
.lang-box .main .txt:before{pointer-events:none;content:"";position:absolute;bottom:3px;left:1px;width:calc(100% - 2px);height:1px;background-color:#fff}
.lang-box .main .icon-earth{display:inline-block;margin-top:5px;width:30px;height:30px;vertical-align:middle;background:url(../images/icon_earth.png) center 0 no-repeat;-webkit-background-size:30px 60px;-o-background-size:30px 60px;background-size:30px 60px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.lang-box .main:hover{cursor:pointer}
.lang-box .main:hover .txt{color:#ed7020}
.lang-box .main:hover .txt:before{background-color:#ed7020}
.lang-box .main:hover .icon-earth{background-position:center bottom}
.lang-box .hide-lang-list{position:absolute}
.lang-box .hide-lang-list.open{display:block;left:auto;right:10px;top:60px;width:120px}
.lang-box .hide-lang-list a{font-size:14px}
.lang-box .hide-lang-list a:hover{background-color:#444}
.lang-box .hide-lang-list li.current a{position:relative;background-color:#1a3663}
.lang-box .hide-lang-list li.current a:before{pointer-events:none;content:"";position:absolute;top:13px;left:16px;width:13px;height:8px;border-bottom:2px solid #fff;border-left:2px solid #fff;-webkit-transform:rotate(135deg) scale(-1);-moz-transform:rotate(135deg) scale(-1);-o-transform:rotate(135deg) scale(-1);transform:rotate(135deg) scale(-1);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
}
@media only screen and (min-width:1024px){.copy-header.header{display:block;position:fixed;top:-90px;min-height:60px;background-color:#fff;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.copy-header.header.open{top:0;opacity:1}
.copy-header.header .nav li a{padding-top:15px;height:60px;color:#333}
.copy-header.header .nav .sub-box{top:60px}
.copy-header.header .nav .sub-box li a{padding:5px;height:auto;color:#fff}
.copy-header.header .nav .sub-box li a:hover{color:#ed7020}
.copy-header.header .logo{padding:5px;height:60px;background-color:#fff}
.copy-header.header .logo a{background-image:url(../images/logo2.png)}
.copy-header.header .top-area{height:60px}
.copy-header.header .online-box,.copy-header.header .lang-box,.copy-header.header .search-box .icon-search{padding-top:10px;padding-bottom:15px}
.copy-header.header .hide-search:before{display:none}
.copy-header.header .top-area:before{border-width:0 0 60px 20px}
.copy-header.header .hide-search{padding-top:9px;height:60px}
.copy-header.header .icon-search.close-style:after,.copy-header.header .icon-search.close-style:before{top:30px}
.copy-header.header .lang-box .hide-lang-list.open{top:60px}
.header{position:absolute;top:0;left:0;width:100%;height:auto;min-height:70px;overflow-y:visible;background-color:#1a3663;z-index:10}
.header .logo{float:left;position:relative;top:auto;right:auto;left:auto;bottom:auto;width:250px}
.header .top-area{position:relative;float:right;top:auto;right:auto;left:auto;bottom:auto; width:240px;}

.online-box{float:right;display:block;position:relative;padding:14px 20px 16px 5px;background-color:#2a59a3;z-index:2}
.online-box .main{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.online-box .main .txt{display:inline-block;position:relative;margin-left:-1px;padding-top:3px;color:#fff;font-size:16px;vertical-align:middle}
.online-box .main .txt:before{pointer-events:none;content:"";position:absolute;bottom:3px;left:1px;width:calc(100% - 2px);height:1px;background-color:#fff}
.online-box .main .icon-phone{display:inline-block;margin-top:5px;width:30px;height:30px;vertical-align:middle;background:url(../images/phone.png) center 0 no-repeat;-webkit-background-size:30px 60px;-o-background-size:30px 60px;background-size:30px 60px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.online-box .main:hover{cursor:pointer}
.online-box .main:hover .txt{color:#ed7020}
.online-box .main:hover .txt:before{background-color:#ed7020}
.online-box .main:hover .icon-phone{background-position:center bottom}
}
@media only screen and (min-width:1366px){.header{min-height:90px}
.header .logo{padding-top:20px;padding-left:40px;height:90px}
.header .top-area{width:240px;height:90px}
.header .hide-search:before,.header .top-area:before{left:-20px;border-width:0 0 90px 20px}
.online-box{padding:24px 25px 26px 5px}
.lang-box{padding:24px 45px 26px 5px}
.search-box .icon-search{padding:24px 8px 26px 15px}
.header .icon-search.close-style:after,.header .icon-search.close-style:before{top:43px;right:18px}
.header .hide-search{padding-top:24px;height:90px}
.header .hide-search.open{left:-269px;width:269px}
.lang-box .hide-lang-list.open{top:75px;right:30px}
}
.nav{display:none;position:fixed;top:50px;left:0;bottom:0;width:100%;overflow:scroll;background-color:#222;z-index:11}
.nav li a{display:block;padding:10px 15px;color:#fff;border-bottom:1px solid #444}
.nav .sub-box{background-color:#444; display:none;}
.nav .sub-box a{position:relative;padding-left:35px;border-bottom-color:#555}
.nav .sub-box a:before{pointer-events:none;content:"";position:absolute;top:22px;left:18px;width:8px;height:1px;background-color:#fff}
@media only screen and (min-width:768px){.nav{top:70px;bottom:auto}
}
@media only screen and (min-width:1024px){.nav,.nav.open{display:block;float:left;position:relative;top:auto;left:auto;right:auto;bottom:auto;padding-right:5px;z-index:11;width:calc(100% - 540px);text-align:right;overflow:inherit;background-color:transparent;opacity:1}
.nav li{display:inline-block;margin:0 5px}
.nav li a{margin:0;padding:22px 5px 0;height:70px;border-bottom:none}
.nav li{position:relative}
.nav .sub-box{display:none;position:absolute;top:70px;left:50%;margin-left:-80px;z-index:10;padding:10px 0;width:160px;background-color:#2a59a3}
.nav .sub-box:before{pointer-events:none;content:"";position:absolute;top:-8px;left:50%;width:0;height:0;border-style:solid;margin-left:-8px;border-width:0 8px 8px 8px;border-color:transparent transparent #2a59a3 transparent}
.nav li:hover .sub-box{display:block}
.nav .sub-box li{display:block;margin:0;padding:0;text-align:center}
.nav .sub-box a{display:inline-block;padding:5px;height:auto;font-size:15px;line-height:30px}
.nav .sub-box a:before{display:none}
.nav .sub-box a:hover,.nav a:hover{color:#ed7020}
.nav li.current .sub-box a{border-bottom:none}
.nav li:hover .sub-box{display:block}
.nav-icon{display:none}
}
@media only screen and (min-width:1200px){.nav li{margin:0 12px}
.nav li a{padding:22px 10px 0}
}
@media only screen and (min-width:1366px){.nav,.nav.open{padding-right:40px;width:calc(100% - 550px)}
.nav .sub-box{top:90px}
.nav li{margin:0 16px}
.nav li a{padding:32px 10px 0;height:90px}
}
@media only screen and (min-width:1500px){.nav li{margin:0 28px}
}
.lang-icon,.nav-icon,.search-icon{position:fixed;top:5px;width:40px;height:40px;overflow:hidden;background-color:#2a59a3;background-position:center 5px;background-repeat:no-repeat;-webkit-background-size:30px 60px;-o-background-size:30px 60px;background-size:30px 60px;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:11}
.lang-icon{background-position:center 6px}
.nav-icon{right:5px}
.nav-icon span{display:block;position:absolute;right:10px;width:20px;height:2px;background-color:#fff;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:19}
.nav-icon span:nth-child(1){top:12px}
.nav-icon span:nth-child(2){top:19px}
.nav-icon span:nth-child(3){top:26px}
.nav-icon span:nth-child(4){top:42px}
.nav-icon.open span{opacity:0}
.lang-icon{right:50px;background-image:url(../images/icon_earth.png)}
.search-icon{right:50px;background-image:url(../images/icon_search.png)}
.close-style:after,.close-style:before{pointer-events:none;content:"";display:block;position:absolute;top:19px;right:9px;width:22px;height:2px;background-color:#fff;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:9;opacity:0}
.close-style:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.close-style:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.close-style.open{background-image:none!important}
.close-style.open:after,.close-style.open:before{opacity:1!important}
.close-style.opacity{pointer-events:none!important;opacity:.3!important}
@media only screen and (min-width:768px){.nav-icon{top:14px;right:90px;background-color:transparent}
.lang-icon,.search-icon{display:none}
}
#gotop{opacity:0;position:fixed;bottom:55px;right:5px;z-index:9;padding-top:14px;width:46px;height:46px;color:#fff;font-size:14px;text-align:center;background-color:#1b1b1b;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; cursor:pointer;}
#gotop.open{opacity:1}
#gotop:after,#gotop:before{pointer-events:none;content:"";position:absolute;left:50%;width:0;height:0;border-style:solid}
#gotop:before{top:8px;margin-left:-12px;border-width:0 12px 8px 12px;border-color:transparent transparent #ed7020 transparent}
#gotop:after{top:12px;margin-left:-12px;border-width:0 12px 4px 12px;border-color:transparent transparent #1b1b1b transparent}
#footer .page-wrap{padding:0}
#footer .top-area{position:relative;padding:10px 5px 4px;background-color:#1a3663}
#footer .left-area .logo,#footer .left-area .txt{display:none}
#footer .left-area .btn-box{position:absolute;top:8px;right:8px;font-size:0;text-align:center}
#footer .left-area .icon{display:inline-block;margin:0 5px;width:30px;height:30px;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;background-position:center 0;background-repeat:no-repeat;-webkit-background-size:30px 60px;-o-background-size:30px 60px;background-size:30px 60px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#footer .left-area .icon.mail{background-image:url(../images/icon_mail.png)}
#footer .left-area .icon.message{background-image:url(../images/icon_message.png)}
#footer .left-area .icon.facebook{background-image:url(../images/icon_fb.png)}
#footer .left-area .icon.skype{background-image:url(../images/icon_sk.png)}
#footer .middle-area{padding-left:8px;color:#e4e5e6}
#footer .middle-area a{color:#e4e5e6;text-decoration:none}
#footer .middle-area .big-title{margin-bottom:5px;font-size:17px;letter-spacing:0px}
#footer .middle-area .txt{display:inline-block;font-size:12px;line-height:24px;vertical-align:top}
#footer .middle-area .icon{display:inline-block;margin-right:5px;width:20px;height:20px;background-position:center;background-repeat:no-repeat;-webkit-background-size:20px;-o-background-size:20px;background-size:20px;vertical-align:top}
#footer .middle-area .icon.address{background-image:url(../images/icon_address.png)}
#footer .middle-area .icon.tel{background-image:url(../images/icon_tel.png)}
#footer .middle-area .icon.fax{background-image:url(../images/icon_fax.png)}
#footer .middle-area .icon.mail{background-image:url(../images/icon_mail2.png)}
#footer .right-area{display:none}
#footer .copy-area{padding:10px;color:#c5c7c9;font-size:13px;line-height:1.3em;text-align:center}
#footer .copy-area .grnet{display:inline-block;color:#c5c7c9;font-size:12px;opacity:.5}
@media only screen and (min-width:768px){#footer{font-size:0}
#footer .top-area{padding:10px}
#footer .left-area,#footer .middle-area,#footer .right-area{display:inline-block;font-size:1rem;vertical-align:middle}
#footer .left-area{width:200px;text-align:center}
#footer .left-area .logo,#footer .left-area .txt{display:block;color:#fff}
#footer .left-area .txt{margin-bottom:10px;color:#c5c7c9;font-size:10px;letter-spacing:1px}
#footer .left-area .btn-box{position:relative;top:0;left:0}
#footer .left-area .icon{margin:0 10px;width:40px;height:40px;-webkit-background-size:40px 80px;-o-background-size:40px 80px;background-size:40px 80px}
#footer .middle-area{position:relative;margin:0 15px 0 20px;padding-left:20px;width:270px}
#footer .middle-area:after,#footer .middle-area:before{pointer-events:none;content:"";position:absolute;top:50%;margin-top:-75px;width:1px;height:150px;background-color:#aaa;opacity:.3}
#footer .middle-area:before{left:0}
#footer .middle-area:after{right:0}
#footer .middle-area li{padding:1px 0}
#footer .right-area{width:calc(100% - 505px);font-size:0;line-height:18px}
#footer .right-area a.title{display:inline-block;position:relative;margin:2px 0;padding:5px 5px 5px 25px;color:#fff;font-size:14px;border-bottom:1px solid rgba(170,170,170,.5)}
#footer .right-area a.title:after,#footer .right-area a.title:before{pointer-events:none;content:"";position:absolute;top:10px;width:8px;height:8px;-webkit-border-radius:50%;border-radius:50%}
#footer .right-area a.title:before{left:5px;background-color:#ed7020;z-index:1}
#footer .right-area a.title:after{left:11px;background-color:#fff;z-index:0}
#footer .right-box{margin:0 6px;width:calc(100% - 12px)}
#footer .right-box li a{display:block;padding:5px;color:#fff;font-size:14px}
#footer .left-box{font-size:0}
#footer .left-box li{display:inline-block;margin:0 6px;width:calc(50% - 12px);vertical-align:top}
#footer .right-area .title{color:#fff}
#footer .copy-area .grnet{margin-left:10px;font-size:13px;opacity:1}
}
@media only screen and (min-width:1024px){#gotop:hover{background-color:#1a3663}
#footer .top-area{padding:30px 15px}
#footer .left-area{width:260px}
#footer .left-area .logo{margin:0 auto;max-width:240px}
#footer .left-area .txt{font-size:13px;letter-spacing:1px;line-height:50px;}
#footer .left-area .icon:hover{background-color:transparent;background-position:center bottom}
#footer .middle-area{position:relative;margin:0 20px;padding-right:15px;padding-left:25px;width:290px}
#footer .middle-area:after{right:0}
#footer .right-area{width:calc(100% - 590px)}
#footer .left-box,#footer .right-box{display:inline-block;margin:0;vertical-align:top}
#footer .left-box{width:70%}
#footer .right-box{width:30%}
#footer .right-area a.title{margin:8px 0;padding-right:10px;padding-left:40px;padding-bottom:10px;min-width:110px}
#footer .right-area a.title:after,#footer .right-area a.title:before{top:8px;width:12px;height:12px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#footer .right-area a.title:after{left:14px}
#footer .right-area a.title:hover:before{left:14px}
#footer .right-area a.title:hover:after{left:4px}
#footer .right-area a.title:hover{color:#ed7020}
#footer .right-box li{padding:3px 0}
#footer .right-box li a{display:inline-block}
#footer .right-box li a:hover{text-decoration:underline}
#footer .copy-area{padding:0;line-height:60px}
}
@media only screen and (min-width:1366px){#footer .top-area{padding:60px 0 50px}
#footer .left-area{padding-bottom:10px}
#footer .left-area .logo{max-width:250px}
#footer .left-area .txt{font-size:13px;letter-spacing:1px;line-height:50px;}
#footer .middle-area{margin:0 40px;padding:0 50px;width:350px}
#footer .middle-area .big-title{letter-spacing:0px}
#footer .right-area{position:relative;padding-left:20px;width:calc(100% - 690px)}
#footer .right-area:before{pointer-events:none;content:"";position:absolute;top:50%;right:0;margin-top:-75px;width:1px;height:150px;background-color:#aaa;opacity:.3}
}
.read-more{margin:20px 0 0;text-align:center}
.read-more .txt{display:inline-block;padding:5px 40px;color:#fff;font-weight:100;letter-spacing:1px;text-transform:uppercase;border:1px solid #cfc5c5}
#i-banner li{position:relative}
#i-banner li a,#i-banner li span{display:block;height:100%}
#i-banner .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background-position:50% 50%;-webkit-background-size:auto 100%;background-size:auto 100%;z-index:2}
#i-banner img{position:relative;z-index:0}
#i-banner .txt{display:block;position:absolute;top:50%;left:50%;margin:0;height:35px;color:#fff;font-size:20px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:4px;white-space:nowrap;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:letter-spacing 1s;-o-transition:letter-spacing 1s;transition:letter-spacing 1s;z-index:3}
#i-banner .txt span{display:block;-webkit-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6);opacity:0;-webkit-transition:transform .5s .8s,opacity .5s .8s;-o-transition:transform .5s .8s,opacity .5s .8s;transition:transform .5s .8s,opacity .5s .8s}
#i-banner .txt:after,#i-banner .txt:before{content:attr(data-text);position:absolute;display:block;left:0;top:0;opacity:.15}
#i-banner .txt:before{-webkit-animation:slideInLeft .8s .01s ease both;-moz-animation:slideInLeft .8s .01s ease both;-ms-animation:slideInLeft .8s .01s ease both;-o-animation:slideInLeft .8s .01s ease both;animation:slideInLeft .8s .01s ease both}
#i-banner .txt:after{-webkit-animation:slideInRight .8s .01s ease both;-moz-animation:slideInRight .8s .01s ease both;-ms-animation:slideInRight .8s .01s ease both;-o-animation:slideInRight .8s .01s ease both;animation:slideInRight .8s .01s ease both}
#i-banner.scroll-view .txt span{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
#i-banner.scroll-view .txt{letter-spacing:10px}
@media only screen and (min-width:768px){#i-banner .txt{font-size:50px;letter-spacing:10px}
#i-banner.scroll-view .txt{letter-spacing:20px}
}
@media only screen and (min-width:1200px){#i-banner .txt{font-size:100px}
}
#i-company{background-color:#eee}
#i-company .big-title{padding:20px 0;color:#3d3d3d;font-size:18px;text-align:center;font-weight:700}
#i-company .summary{color:#000}
#i-company .data-list{padding-bottom:30px;font-size:0;text-align:center}
#i-company .data-list .item-box{display:inline-block;padding:35px 15px 0;width:50%;font-size:16px;vertical-align:top}
#i-company .data-list .item-box .icon img{margin:auto}
#i-company .data-list .item-box .txt{margin-top:15px}
#i-company .data-list .item-box .number{margin-bottom:10px;color:#2a59a3;font-size:30px}
@media only screen and (min-width:769px){#i-company{padding:30px;text-align:center}
#i-company .big-title{font-size:26px}
#i-company .summary{line-height:34px}
#i-company .data-list .item-box{width:25%}
#i-company .data-list .item-box .number{font-size:38px}
}
@media only screen and (min-width:1024px){#i-company{padding:40px 30px;background:#eee url(../images/map_bg.png) center 150px no-repeat}
#i-company .data-list{margin-top:20px}
#i-company .data-list .item-box .txt{font-size:18px}
.read-more .txt{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.read-more .txt:hover{background-color:rgba(255,255,255,.5)}
}
@media only screen and (min-width:1440px){#i-company{padding:60px 30px 70px}
#i-company .big-title{margin-top:40px;margin-bottom:20px;font-size:32px;letter-spacing:4px}
#i-company .data-list{margin-top:50px}
#i-company .data-list .item-box .number{margin-bottom:20px;font-size:45px}
}
#i-news{padding:0 0 15px;background-color:#323232}
#i-news .page-subject{margin-bottom:20px;color:#fff}
#i-news .list{padding:10px;background-color:#fff}
#i-news .item-box{margin-bottom:20px}
#i-news .item-box .img{position:relative;margin-bottom:15px}
#i-news .item-box .date{position:absolute;bottom:-10px;left:0;padding-left:17px;width:110px;height:30px;color:#fff;font-size:14px;font-weight:100;line-height:30px;letter-spacing:2px;background-color:#2a59a3}
#i-news .item-box .date:before{pointer-events:none;content:"";position:absolute;right:-12px;top:0;width:0;height:0;border-style:solid;border-width:30px 0 0 12px;border-color:transparent transparent transparent #2a59a3}
#i-news .item-box .title{font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#i-news .item-box .summary{font-size:14px;line-height:25px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#i-news .item-box .more{display:none}
#i-news .slick-list{padding-top:20px}
#i-news .slick-dots{bottom:auto;top:-10px;height:10px}
#i-news .slick-dots li{padding:0 3px}
#i-news .slick-dots li button{width:9px;height:9px;background-color:#bfbfbf;border:none}
#i-news .slick-dots .slick-active button{background-color:#ed7020}
@media only screen and (min-width:768px){#i-news{padding:30px 0 20px}
#i-news .page-subject{position:relative;margin-bottom:40px}
#i-news .page-subject:after{pointer-events:none;content:"";position:absolute;top:-10px;left:50%;width:100px;height:100px;border:5px solid #fff;opacity:.2;background-color:transparent}
#i-news .slick-list{padding:0}
#i-news .slick-dots{top:-30px}
#i-news .list{font-size:0}
#i-news .item-box{display:inline-block;margin:10px;width:calc(50% - 20px);font-size:1rem;vertical-align:top}
}
@media only screen and (min-width:1024px){#i-news .item-box{font-size:0}
#i-news .item-box .img{display:inline-block;width:200px;vertical-align:top}
#i-news .item-box .main{display:inline-block;padding:0 0 0 15px;width:calc(100% - 200px);font-size:1rem;vertical-align:top}
#i-news .item-box .more{display:inline-block;position:relative;padding-right:12px;font-size:14px}
#i-news .item-box .more:before{pointer-events:none;content:"";position:absolute;right:0;top:50%;margin-top:-4px;width:0;height:0;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent #1a3663}
#i-news .item-box:hover .title{color:#2a59a3}
#i-news .item-box .img img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#i-news .item-box:hover .img img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
}
@media only screen and (min-width:1440px){#i-news{position:relative;overflow:hidden;background:url(../images/i_news_bg.png) fixed center center no-repeat;-webkit-background-size:cover;background-size:cover}
#i-news .page-wrap{position:relative}
#i-news:before{pointer-events:none;content:"";position:absolute;top:0;left:0;width:40%;height:580px;background:url(../images/i_news_bg2.png) right bottom no-repeat}
#i-news .page-subject{position:absolute;top:100px;left:0}
#i-news .page-subject:after{left:40px;width:130px;height:130px}
#i-news .slick-dots{display:inline-block;right:auto;bottom:auto;top:65px;left:-145px;width:130px;text-align:right}
#i-news .slick-dots li{padding:0 4px}
#i-news .slide-list{padding:40px;margin-left:170px}
#i-news .slide-list .list{padding:30px 40px;height:410px;overflow:hidden}
#i-news .item-box{margin:20px 15px;width:calc(50% - 30px)}
}
#i-product{background-color:#f8f8f8}
#i-product .g-list{margin:20px 0}
.g-list .slick-arrow{top:-56px;margin:0}
.g-list .item-box{display:block;overflow:hidden}
.g-list .item-box span{display:block}
.g-list .item-box .img{background-color:#fff;border:1px solid #e5e5e5}
.g-list .item-box .read-more{display:inline-block}
.g-list .item-box .cover{padding:8px;color:#fff;font-size:15px;text-align:center;background-color:rgba(27,27,27,.8)}
@media only screen and (min-width:768px){.g-list li{padding:0 10px}
.g-list .slick-prev{left:10px}
.g-list .slick-next{right:10px}
}
@media only screen and (min-width:1024px){.g-list{padding:0 40px}
.g-list .slick-arrow{top:50%;margin-top:-17px}
.g-list .slick-prev{left:-35px}
.g-list .slick-next{right:-35px}
}
@media only screen and (min-width:1440px){#i-product{padding:40px 0 60px;background:url(../images/i_product_bg.png) center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}
#i-product .page-subject{margin-bottom:40px}
.g-list{padding:0 50px 30px}
.g-list .item-box{position:relative}
.g-list .item-box .cover{position:absolute;bottom:0;left:0;width:100%;height:45px;background-color:transparent;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:3}
.g-list .item-box .img:before{pointer-events:none;content:"";position:absolute;bottom:0;left:0;width:100%;height:45px;background-color:rgba(27,27,27,.8);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1}
.g-list .item-box .cover span{position:relative;z-index:2}
.g-list .item-box .img img{position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:0}
.g-list .item-box:hover .img img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.g-list .item-box:hover .img:before{background-color:#1a3663}
.g-list .slick-prev{left:-55px}
.g-list .slick-next{right:-55px}
}
#i-info{position:relative;min-height:520px;background:url(../images/i_img_bg.png) center center no-repeat}
#i-info .box{z-index:2;position:absolute;top:50%;left:50%;width:300px;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#i-info .big-title{color:#fff;font-size:22px;line-height:1.5em; text-align:center; padding-top:30px;}
@media only screen and (min-width:768px){#i-info .box{width:100%}
#i-info .big-title{font-size:30px}
}
@media only screen and (min-width:1440px){#i-info{min-height:460px;background-attachment:fixed;-webkit-background-size:auto 120%;-o-background-size:auto 120%;background-size:auto 120%}
#i-info .big-title{font-size:38px;letter-spacing:3px}
}
#product-list{padding:1px 0;background:url(../images/bg-grey.gif)}
#product-list.search{padding-top:20px}
#product-list .g-list{padding:20px}
#product-list .summary{margin-bottom:20px}
#product-list .g-list{padding:0}
#product-list .g-list .item-box{margin-bottom:20px}
@media only screen and (min-width:768px){#product-list.search{padding-top:40px}
#product-list .summary{margin-bottom:40px;padding:0 20px}
#product-list .g-list{font-size:0}
#product-list .g-list li{display:inline-block;width:33.33%}
}
#product-view .top-area{position:relative;background:url(../images/product_view_bg.png) center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}
#product-view .txt-area{position:relative;padding:20px 0}
#product-view .txt-area .page-wrap{position:relative}
#product-view .txt-area .share-box{padding:10px 0 5px;text-align:center}
#product-view .txt-area .share-box a{display:inline-block;margin:0 4px;padding-left:45px;width:120px;height:40px;line-height:40px;text-align:left;background-position:0 center;background-repeat:no-repeat;-webkit-background-size:auto 40px;-o-background-size:auto 40px;background-size:auto 40px}
#product-view .txt-area .share-box .contact{background-position:4px -1px;background-image:url(../images/icon_question.png)}
#product-view .txt-area .share-box .video{background-image:url(../images/icon_video.png)}
#product-view .txt-area .share-box .download{position:relative}
#product-view .txt-area .share-box .download i{color:#353535;font-size:23px;position:absolute;left:0;top:7px;width:45px;text-align:center}
#product-view .big-title{color:#222;font-size:22px}
#product-view .type{margin:10px 0;font-size:22px;font-weight:700}
#product-view .feature-area{padding:10px 0;background-color:#f8f8f8}
#product-view .feature-area .list{margin-top:20px}
#product-view .feature-area .item-box{margin-bottom:20px;text-align:center}
#product-view .feature-area .item-box .img{margin-bottom:5px}
#product-view .info-area{padding:10px 0 30px}
#product-view .table-wrap{margin-top:20px;width:100%;overflow:hidden;overflow-x:visible}
#product-view .table-wrap table{width:100%;font-size:14px;line-height:22px}
#product-view .table-wrap thead{text-align:center;background-color:#eee}
#product-view .table-wrap thead td{font-weight:700}
#product-view .table-wrap td{padding:10px 15px;text-align:center;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
#product-view .table-wrap tbody td:last-child,#product-view .table-wrap thead td:last-child{border-right:none}
#product-view .use-area{padding:10px 0}
#product-view .use-area .g-list{margin-top:20px;padding-left:0;padding-right:0}
#product-view .use-area .g-list .item-box{margin-bottom:20px}
#product-view .detail-area{padding:10px 0 20px}
#product-view .detail-area .item-wrap{margin-top:20px}
#product-view .detail-area .img{margin-bottom:10px}
#product-view .detail-area .item-box{margin-bottom:20px}
#product-view .detail-area .item-wrap .title{font-size:22px;font-weight:700}
#product-view .btn-box a{display:block;margin:auto;padding:10px;width:230px;font-size:16px;text-align:center;background:#fff;border:2px solid #ddd}
#product-view .relation-area{padding:20px 0 30px;background-color:rgba(210,210,210,.3)}
#product-view .relation-area .page-subject{margin-bottom:20px}
#product-view .relation-area .g-list .item-box .cover{color:#222;background-color:transparent}
#product-view .relation-area .g-list .item-box .img:before{display:none}
@media only screen and (min-width:768px){#product-view .top-area .zoom{bottom:30px;width:40px;height:40px}
#product-view .txt-area{padding:40px 20px}
#product-view .txt-area .big-title{font-size:32px}
#product-view .txt-area .type{margin:20px 0;font-size:30px}
#product-view .feature-area .list{font-size:0}
#product-view .feature-area .item-box{display:inline-block;margin-bottom:10px;padding:10px;width:33.33%;font-size:14px;line-height:22px;vertical-align:top}
#product-view .table-wrap{padding:0 10px}
#product-view .use-area .g-list{font-size:0}
#product-view .use-area li{display:inline-block;width:33.33%;vertical-align:top}
#product-view .detail-area{padding-bottom:30px}
#product-view .detail-area .item-box{margin-bottom:30px}
#product-view .txt-area .share-box .download i{font-size:23px}
}
@media only screen and (min-width:1024px){#product-view .page-subject{margin:30px 0 50px}
#product-view .txt-area{padding:80px 20px}
#product-view .detail-area{padding-bottom:60px}
#product-view .detail-area .item-wrap{margin-bottom:50px}
#product-view .detail-area .item-box{position:relative}
#product-view .detail-area .img{position:absolute;top:0;right:0;width:50%;height:100%;overflow:hidden;text-align:center}
#product-view .detail-area .img img{height:100%}
#product-view .detail-area .main{float:left;padding:50px 30px;width:50%;border:1px solid #eee}
#product-view .detail-area .main .title{margin-bottom:20px;font-size:28px}
#product-view .detail-area .item-box:nth-child(even) .img{right:auto;left:0}
#product-view .detail-area .item-box:nth-child(even) .main{float:right;width:50%}
#product-view .detail-area .item-box{margin-bottom:0}
#product-view .txt-area .share-box{position:absolute;top:-16px;right:0;padding:10px 0 5px;margin-top:20px;text-align:center}
#product-view .txt-area .share-box .download i{top:8px}
#product-view .relation-area{padding-bottom:60px}
#product-view .relation-area .page-subject{margin-bottom:60px}
#product-view .relation-area .g-list .item-box .cover,#product-view .relation-area .g-list .item-box:hover .cover{position:relative;top:auto;left:auto;height:auto;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
#product-view .relation-area .g-list .item-box:hover .more{display:none}
#product-view .relation-area .g-list .item-box .img{overflow:hidden}
#product-view .relation-area .g-list .item-box:hover .img{border:1px solid #bad3fc}
#product-view .relation-area .slick-arrow{top:115px;margin:0}
}
@media only screen and (min-width:1366px){#product-view .relation-area .g-list{padding:0}
#product-view .txt-area{padding:90px 20px 80px;font-size:16px;line-height:28px}
#product-view .txt-area .share-box .download i{font-size:33px;top:13px;width:65px}
#product-view .txt-area .share-box a{padding-left:65px;width:150px;height:60px;font-size:18px;line-height:60px;-webkit-background-size:auto 60px;-o-background-size:auto 60px;background-size:auto 60px}
}
.rwd-tab{width:100%}
.rwd-tab thead{position:absolute;padding:0;border:0;width:1px;height:1px;overflow:hidden}
.rwd-tab tbody,.rwd-tab tbody tr,.rwd-tab td,.rwd-tab th,.rwd-tab tr{display:block}
.rwd-tab tbody{position:relative;margin-bottom:15px;border:1px solid #eee}
.rwd-tab td{padding:5px 10px;border-bottom:1px solid #eee}
#inquiry{padding:20px 0}
#inquiry .item{font-size:0}
#inquiry .img{display:inline-block;width:100px;vertical-align:middle}
#inquiry .title{display:inline-block;padding:0 10px;width:calc(100% - 100px);font-size:15px;line-height:22px;vertical-align:middle}
#inquiry .model{border-bottom:none}
#inquiry .model:before{float:left;content:attr(data-text)}
#inquiry .delete{position:absolute;top:-15px;right:-15px;border-bottom:none}
#inquiry .delete button{color:#aaa}
#inquiry .delete:hover button{color:#0e3573}
#inquiry .delete button{background-color:transparent;border:none}
#inquiry .summary{margin-top:5px}
#inquiry .form{margin-top:20px}
#inquiry .form .group-box{margin-bottom:15px}
#inquiry .form .input-box{border:1px solid #ddd;width:100%;border-radius:3px;padding:8px}
#inquiry .form .codeBox .input-box{width:calc(100% - 140px)}
#inquiry .buttons{padding-top:20px;padding-bottom:20px;text-align:right;font-size:0}
#inquiry .buttons .btns{color:#fff;max-width:calc(50% - 10px);margin:0 5px;border:none;border-radius:0;padding:10px}
#inquiry .buttons .btns span{font-size:16px;line-height:35px}
#inquiry .buttons .btns.cancel{background:#c0c6cf;width:150px}
#inquiry .buttons .btns.submit{background:#0e3573;width:200px}
.radio-wrap{padding:5px 0}
.radio-select{display:inline-block;position:relative;margin-right:5px;cursor:pointer;font-weight:400}
.radio-select input{display:none}
.radio-select span,.radio-select strong{display:inline-block;font-weight:400;vertical-align:middle}
.radio-select strong{position:relative;padding:5px 0 4px 27px;font-size:15px;line-height:20px;z-index:1}
.radio-select span{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:0}
.radio-select span:after,.radio-select span:before{pointer-events:none;content:"";position:absolute;top:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:50%;border-radius:50%}
.radio-select span:before{top:6px;left:5px;width:14px;height:14px;border:1px solid #333;z-index:0}
.radio-select span:after{opacity:0;top:10px;left:9px;width:6px;height:6px;background-color:#222;z-index:1}
.radio-select input:checked+span:before{opacity:1;background-color:#fff}
.radio-select input:checked+span:after{opacity:1}
@media only screen and (min-width:768px){.rwd-tab{width:100%}
.rwd-tab thead{position:relative;clip:auto;height:auto;width:auto;overflow:auto}
.rwd-tab tr{display:table-row}
.rwd-tab td,.rwd-tab th{display:table-cell}
.rwd-tab tbody{display:table-row-group;text-align:center}
.rwd-tab tbody tr{display:table-row}
#inquiry .table-wrap{margin-bottom:20px}
#inquiry thead{background-color:#eee;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
#inquiry thead th{padding:10px 20px;font-size:18px;font-weight:400;text-align:center}
#inquiry thead .pro{text-align:left}
#inquiry tbody{border:none}
#inquiry tbody td{padding:10px}
#inquiry tbody .delete{border-bottom:1px solid #e5e5e5}
#inquiry tbody .model,#inquiry tbody .pro{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
#inquiry .item{text-align:left}
#inquiry .item .img{width:225px}
#inquiry .item .title{padding-left:30px;width:calc(100% - 225px)}
#inquiry .model{min-width:320px}
#inquiry .model:before{display:none}
#inquiry .delete{position:relative;top:auto;right:auto;min-width:140px}
#inquiry .left{float:left;padding-right:10px;width:50%}
#inquiry .right{float:left;padding-left:10px;width:50%}
.radio-wrap{float:left;display:block;margin-left:10px;padding-top:8px;width:140px}
#inquiry .form .group-box.name .input-box{float:left;display:block;width:calc(100% - 150px)}
}
@media only screen and (min-width:1024px){#inquiry{padding:50px 0}
#inquiry thead th{padding:20px 30px}
#inquiry .left{padding-right:25px}
#inquiry .right{padding-left:25px}
}
.container-1300{max-width:1340px;padding:0 20px;margin:auto}
.container-1100{max-width:1140px;padding:0 20px;margin:auto}
.yellow{color:#ed7020}
.scroll-fade{opacity:0;-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}
.scroll-fade.scroll-view{opacity:1}
.scroll-fade-down{-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0;-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}
.scroll-fade-down.scroll-view{opacity:1}
.scroll-fade-down.scroll-view{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.scroll-fade-up{-moz-transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}
.scroll-fade-up.scroll-view{opacity:1}
.scroll-fade-up.scroll-view{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.scroll-fade-left{-moz-transform:translateX(50px);-ms-transform:translateX(50px);-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}
.scroll-fade-left.scroll-view{opacity:1}
.scroll-fade-left.scroll-view{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.scroll-fade-right{-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}
.scroll-fade-right.scroll-view{opacity:1}
.scroll-fade-right.scroll-view{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.scroll-scale-in{-moz-transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0);transform:scale(0,0);opacity:0;-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}
.scroll-scale-in.scroll-view{opacity:1}
.scroll-scale-in.scroll-view{-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}
.hover-btn{position:relative}
.hover-btn span{position:relative;z-index:2;display:block}
@media only screen and (min-width:991px){.hover-btn{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.hover-btn:after,.hover-btn:before{content:"";background:#000;position:absolute;left:0;width:100%;height:0;opacity:.1;-webkit-transition:height .5s;-o-transition:height .5s;transition:height .5s}
.hover-btn:before{top:0}
.hover-btn:after{bottom:0;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.hover-btn:hover:after,.hover-btn:hover:before{height:100%}
.hover-btn:hover span{-webkit-animation:pulse 1s .01s ease infinite;-moz-animation:pulse 1s .01s ease infinite;-ms-animation:pulse 1s .01s ease infinite;-o-animation:pulse 1s .01s ease infinite;animation:pulse 1s .01s ease infinite}
.hover-btn:hover{-webkit-box-shadow:3px 3px 0 rgba(0,0,0,.2);box-shadow:3px 3px 0 rgba(0,0,0,.2);-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);-o-transform:translate(0,-3px);transform:translate(0,-3px)}
}
.hover-box{display:block;position:relative;-webkit-perspective:50em;perspective:50em}
@media only screen and (min-width:991px){.hover-box:after,.hover-box:before{content:"";position:absolute;pointer-events:none;opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.hover-box:before{box-shadow:0 0 5px rgba(0,0,0,.1);left:15px;top:15px;right:15px;bottom:15px;display:block;background:#fff;-webkit-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.hover-box:after{content:"Read more";font-weight:700;color:#000;font-size:13px;text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) translate(0,20px);-ms-transform:translate(-50%,-50%) translate(0,20px);-o-transform:translate(-50%,-50%) translate(0,20px);transform:translate(-50%,-50%) translate(0,20px);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.hover-box:hover:after,.hover-box:hover:before{opacity:1}
.hover-box:hover:before{opacity:.8;-webkit-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}
.hover-box:hover:after{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
.p-pager{margin:40px 0;text-align:center}
.p-pager .aw{display:inline-block;vertical-align:middle;text-transform:uppercase;font-size:15px;padding:0 15px}
.p-pager ul{background:#fff;padding:10px;display:inline-block;vertical-align:middle;font-size:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}
.p-pager>ul>li{width:50px;font-size:15px;display:inline-block;vertical-align:top}
.p-pager>ul>li.current{font-size:16px;position:relative}
.p-pager>ul>li.current:after{content:"";position:absolute;right:0;top:50%;margin-top:-7px;width:1px;height:14px;background:#0e3573;-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg)}
.p-pager>ul>li.current a{color:#0e3573}
.p-pager>ul>li.total a{color:#999;font-size:14px}
@media only screen and (min-width:991px){.p-pager .aw:hover{text-decoration:underline}
}
.text-edit img{max-width:100%;height:auto!important}
#infscr-loading{position:absolute;z-index:100;width:150px;color:#fff;background:#000;border-radius:5px;opacity:.5;text-align:center;left:50%;bottom:120px;margin-left:-75px;padding:10px;font-size:.95rem}
#inner-page{overflow:hidden}
#inner-page.bgGrey{background:url(../images/bg-grey.gif) repeat}
#inner-page .page-ban{height:400px;position:relative;z-index:2}
#inner-page .page-ban .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background-position:50% 50%;-webkit-background-size:auto 100%;background-size:auto 100%}
#inner-page .page-ban .page-subject{color:#fff;position:absolute;left:50%;top:50%;z-index:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#inner-page .page-ban .page-subject #lineDrawing{width:150px;height:150px;opacity:.2;position:absolute;top:-25%;right:-50%}
#inner-page .page-ban .page-subject:before{width:60px;height:2px;margin-left:-30px}
#inner-page .page-ban .page-subject .word{position:relative;margin:0;height:35px;letter-spacing:5px;-webkit-transition:letter-spacing 1s;-o-transition:letter-spacing 1s;transition:letter-spacing 1s}
#inner-page .page-ban .page-subject .word span{display:block;-webkit-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6);opacity:0;-webkit-transition:transform .5s .8s,opacity .5s .8s;-o-transition:transform .5s .8s,opacity .5s .8s;transition:transform .5s .8s,opacity .5s .8s}
#inner-page .page-ban .page-subject .word:after,#inner-page .page-ban .page-subject .word:before{content:attr(data-text);position:absolute;display:block;left:0;top:0;opacity:.15}
#inner-page .page-ban .page-subject .word:before{-webkit-animation:slideInLeft .8s .01s ease both;-moz-animation:slideInLeft .8s .01s ease both;-ms-animation:slideInLeft .8s .01s ease both;-o-animation:slideInLeft .8s .01s ease both;animation:slideInLeft .8s .01s ease both}
#inner-page .page-ban .page-subject .word:after{-webkit-animation:slideInRight .8s .01s ease both;-moz-animation:slideInRight .8s .01s ease both;-ms-animation:slideInRight .8s .01s ease both;-o-animation:slideInRight .8s .01s ease both;animation:slideInRight .8s .01s ease both}
#inner-page .page-ban.scroll-view .page-subject .word span{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
#inner-page .page-ban.scroll-view .page-subject .word{letter-spacing:0}
#inner-page .page_category{margin:50px auto;text-align:center}
#inner-page .page_category ul{font-size:0;margin:0 -5px}
#inner-page .page_category ul li{display:inline-block;vertical-align:top;margin:0 5px;font-size:16px;border-bottom-color:#ddd;position:relative;background:#fff}
#inner-page .page_category ul li a{padding:10px 20px;display:block}
#inner-page .page_category ul li.on a{color:#0e3573}
#inner-page .other{text-align:center;padding:80px 0}
#inner-page .other .ok{width:60px;height:60px;margin:0 auto 30px;position:relative}
#inner-page .other .ok svg{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
#inner-page .other .buttons{font-size:0;margin-top:50px}
#inner-page .other .buttons .btns{background:#0e3573;display:inline-block;width:200px;color:#fff;max-width:calc(50% - 10px);margin:0 5px;border:none;border-radius:0;padding:10px}
#inner-page .other .buttons .btns span{font-size:16px;line-height:35px}
#inner-page .back{border:2px solid #ddd;background:#fff;width:230px;display:block;margin:auto;padding:10px;text-align:center;font-size:16px}
@media only screen and (min-width:991px){#inner-page .page_category .cate_toggle{display:none}
#inner-page .page_category ul{display:block!important}
#inner-page .page_category ul li:before{content:"";display:none;position:absolute;right:1px;bottom:1px;width:0;height:0;border-style:solid;border-width:0 0 15px 15px;border-color:transparent transparent #2a59a3 transparent}
#inner-page .page_category ul li:hover:before{display:block}
#inner-page .page_category ul li.on{background:#1a3663}
#inner-page .page_category ul li.on a{color:#fff}
#inner-page .page_category ul li.on:before{display:block}
#inner-page .back:hover{background:#1a3663;color:#fff;border-color:#1a3663}
}
@media only screen and (max-width:990px){#inner-page .page-ban{height:300px}
#inner-page .page_category .cate_toggle{width:100%;position:relative;display:block;background:#0e3573;color:#fff;text-align:center;padding:10px 15px}
#inner-page .page_category .cate_toggle:after{content:"";display:block;position:absolute;right:0;top:50%;margin-top:-4px;margin-right:15px;width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:#fff transparent transparent transparent}
#inner-page .page_category .cate_toggle.open:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
#inner-page .page_category ul{display:none;margin:0}
#inner-page .page_category ul li{display:block;margin:0}
}
@media only screen and (max-width:480px){#inner-page .page-ban{height:240px}
#inner-page .page-ban .page-subject #lineDrawing{width:120px;height:120px}
}
#about .sec1{background:#eaedef;position:relative;padding:0px 0 100px 0}
#about .sec1:after,#about .sec1:before{position:absolute;z-index:1;display:block;max-width:100%}
#about .sec1:after{content:"";right:0;bottom:0;width:850px;height:100%;background:url(../images/about_bg2.jpg)}
#about .sec1 .container-1300{position:relative;z-index:2}
#about .sec1 .pic{width:45%;position:relative;z-index:2;float:left}
#about .sec1 .pic img{box-shadow:5px 5px 10px #e6eaf1}
#about .sec1 .pic .bg{content:"";display:block;position:absolute;right:-15%;bottom:-15%;width:100%;height:100%;z-index:-1}
#about .sec1 .pic .bg svg{position:absolute;left:0;top:0;width:100%;height:100%}
#about .sec1 .content{width:55%;float:right;padding-left:100px;position:relative;z-index:2}
#about .sec1 .content .title{font-size:28px;font-weight:700;margin-bottom:20px;position:relative}
#about .sec1 .content .title:before{content:"";position:absolute;right:105%;top:50%;height:3px;margin-top:-2px;width:0;background:#ed7020}
#about .sec1 .content .text{line-height:2}
#about .sec1 .content a{color:#fff;background:#2a59a3;width:150px;text-align:center;display:block;padding:10px 5px;margin-top:30px}
#about .sec1 .content .title.scroll-view:before{width:200px;-webkit-transition:width 1s .5s;-o-transition:width 1s .5s;transition:width 1s .5s}
#about .sec1-1 .timeline{position:relative;width:100%;margin:30px 0 50px;display:block;z-index:2}
#about .sec1-1 .timeline:after{content:"";position:absolute;top:0;height:100%;width:6px;margin-left:-3px;background:#e8e8e8;display:block;z-index:-1;left:170px}
#about .sec1-1 .timeline .box{width:100%;text-align:left;margin-top:auto!important;margin-bottom:20px;clear:both;overflow:hidden}
#about .sec1-1 .timeline .box.right{margin-left:0}
#about .sec1-1 .timeline .box .year{font-size:2.62rem;padding:5px 30px 0;margin-bottom:20px;color:#2a59a3;display:inline-block;position:relative;font-family:Arial,sans-serif}
#about .sec1-1 .timeline .box .year:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#6285bb;left:170px;top:30%;margin-right:auto;margin-left:-3px}
#about .sec1-1 .timeline .box .year:after{content:"";margin:5px 0;display:block;width:100%;height:1px;background:#2a59a3}
#about .sec1-1 .timeline .box .text{font-size:1rem;padding:0 30px;color:#222;text-align:left;line-height:2;display:inline-block;width:calc(100% - 180px);float:right}
@media only screen and (max-width:768px){#about .sec1-1 .timeline:after{left:5px}
#about .sec1-1 .timeline .box{width:100%;text-align:left;margin-top:auto!important;padding-left:5px}
#about .sec1-1 .timeline .box.right{margin-left:0}
#about .sec1-1 .timeline .box .year:before{left:0;margin-right:auto;margin-left:-3px}
#about .sec1-1 .timeline .box .text{width:100%}
}
#about .sec-video{position:relative;height:465px;overflow:hidden}
#about .sec-video .cover{text-align:center;color:#fff;position:absolute;width:100%;top:50%;z-index:2;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
#about .sec-video .cover .play{width:60px;height:60px;display:block;border-radius:50%;margin:30px auto;position:relative;border:2px solid #fff}
#about .sec-video .cover .play:before{content:"";position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-9px;display:block;border-style:solid;border-width:9px 0 9px 12px;border-color:transparent transparent transparent #fff}
#about .sec-video .img{position:relative;left:50%;top:50%;min-height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media only screen and (max-width:480px){#about .sec-video{height:350px}
#about .sec-video .img{height:100%}
}
#about .sec2{background:url(../images/bg-grey.gif) repeat;padding:50px 0}
#about .sec2 .page-subject{margin:0}
#about .sec2 ul{counter-reset:my-badass-counter;font-size:0;margin-top:50px}
#about .sec2 ul li{position:relative;width:25%;text-align:center;display:inline-block;vertical-align:top}
#about .sec2 ul li:before{content:counter(my-badass-counter,decimal);counter-increment:my-badass-counter;position:absolute;left:15px;top:0;z-index:2;font-size:100px;color:#0e3573;opacity:.1;font-weight:700}
#about .sec2 ul li:after{content:"";display:block;background:#0e3573;opacity:.1;width:1px;height:180px;margin-top:-90px;position:absolute;top:50%;right:0}
#about .sec2 ul li:last-child:after{display:none}
#about .sec2 ul li img{display:block;margin:auto}
#about .sec2 ul li .t{font-size:16px;margin-top:15px}
#about .sec3{background:#fff;padding:50px 0}
#about .sec3 .page-subject{margin:0}
#about .sec3 .app-slider{padding:0 50px;margin-top:30px;position:relative}
#about .sec3 .app-slider .item{border:1px solid #ddd;background:#eee;margin:0 15px;outline:0;position:relative}
#about .sec3 .app-slider .item .cover{background:rgba(0,0,0,.7);position:absolute;left:0;bottom:0;width:100%;z-index:2}
#about .sec3 .app-slider .item .cover .t{margin:0;text-align:center;color:#fff;padding:15px 10px;font-size:16px}
#about .sec3 .app-slider .item .cover .readmore{display:block;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
#about .sec4{padding:50px 0}
#about .sec4 .container-1300{position:relative;z-index:2}
#about .sec4 .page-subject{margin:0;color:#fff}
#about .sec4 .box-wrap{position:relative;margin-top:40px}
#about .sec4 .center-text{width:28%;display:block;margin:auto;border:10px solid #fff;position:absolute;top:0;left:50%;margin-left:-14%}
#about .sec4 .center-text .inner{padding-bottom:84.4%;height:0}
#about .sec4 .center-text .inner .txt{position:absolute;left:50%;top:50%;opacity:0;color:#fff;font-size:28px}
#about .sec4 .center-text .inner .txt.t1{margin:-20px 0 0 -20px;-webkit-transform:translate(-50%,-50%) translate(-100%,-100%);-ms-transform:translate(-50%,-50%) translate(-100%,-100%);-o-transform:translate(-50%,-50%) translate(-100%,-100%);transform:translate(-50%,-50%) translate(-100%,-100%)}
#about .sec4 .center-text .inner .txt.t2{margin:-20px 20px 0 0;-webkit-transform:translate(-50%,-50%) translate(100%,-100%);-ms-transform:translate(-50%,-50%) translate(100%,-100%);-o-transform:translate(-50%,-50%) translate(100%,-100%);transform:translate(-50%,-50%) translate(100%,-100%)}
#about .sec4 .center-text .inner .txt.t3{margin:20px 0 0 -20px;-webkit-transform:translate(-50%,-50%) translate(-100%,100%);-ms-transform:translate(-50%,-50%) translate(-100%,100%);-o-transform:translate(-50%,-50%) translate(-100%,100%);transform:translate(-50%,-50%) translate(-100%,100%)}
#about .sec4 .center-text .inner .txt.t4{margin:20px 20px 0 0;-webkit-transform:translate(-50%,-50%) translate(100%,100%);-ms-transform:translate(-50%,-50%) translate(100%,100%);-o-transform:translate(-50%,-50%) translate(100%,100%);transform:translate(-50%,-50%) translate(100%,100%)}
#about .sec4 .pic{width:36%}
#about .sec4 .pic.left{float:left}
#about .sec4 .pic.right{float:right}
#about .sec4 .center-text.scroll-view .inner .txt{margin:0;opacity:1;-webkit-transition:opacity .5s .25s,margin .5s .25s;-o-transition:opacity .5s .25s,margin .5s .25s;transition:opacity .5s .25s,margin .5s .25s}
#about .sec5{padding:50px 0}
#about .sec5 .page-subject{margin:0}
#about .sec5 ul{font-size:0;margin-top:40px}
#about .sec5 ul li{display:inline-block;vertical-align:top;padding:0 20px;text-align:center;width:33.33%}
#about .sec5 ul li .pic{max-width:330px;margin:auto;overflow:hidden;border-radius:50%;position:relative}
#about .sec5 ul li .pic:before{content:"";position:absolute;left:10px;top:10px;right:10px;bottom:10px;border-radius:50%;border:2px solid #fff;display:block;z-index:2}
#about .sec5 ul li .t{font-size:18px;margin-top:20px;font-weight:700}
#about .sec6{margin-bottom:50px}
@media only screen and (min-width:991px){#about .sec3 .app-slider .item .cover{top:100%;margin-top:-45px;-webkit-transition:top .5s;-o-transition:top .5s;transition:top .5s}
#about .sec3 .app-slider .item:hover .cover{top:0;margin:0}
#about .sec3 .app-slider .item:hover .cover .readmore,#about .sec3 .app-slider .item:hover .cover .t{position:absolute;left:50%;top:50%}
#about .sec3 .app-slider .item:hover .cover .t{width:100%;-webkit-transform:translate(-50%,-50%) translate(0,-50%);-ms-transform:translate(-50%,-50%) translate(0,-50%);-o-transform:translate(-50%,-50%) translate(0,-50%);transform:translate(-50%,-50%) translate(0,-50%)}
#about .sec3 .app-slider .item:hover .cover .readmore{width:130px;padding:5px;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.6);text-align:center;-webkit-transform:scale(1) translate(-50%,-50%) translate(0,50%);-ms-transform:scale(1) translate(-50%,-50%) translate(0,50%);-o-transform:scale(1) translate(-50%,-50%) translate(0,50%);transform:scale(1) translate(-50%,-50%) translate(0,50%)}
}
@media only screen and (max-width:990px){#about .sec2 ul li{width:50%;margin:40px 0}
#about .sec3 .app-slider .item{margin:0 10px}
#about .sec4 .center-text{position:static;margin:0;width:100%;margin-top:30px}
#about .sec4 .center-text .inner{padding:0;height:150px;position:relative}
#about .sec4 .center-text .inner .txt{font-size:20px}
#about .sec4 .pic{width:50%}
}
@media only screen and (max-width:768px){#about .sec1 .pic{width:100%;max-width:540px;margin:auto;float:none}
#about .sec1 .content{width:100%;max-width:540px;margin:auto;padding-left:0;float:none;margin-top:50px}
#about .sec1 .content .title:before{display:none}
}
@media only screen and (max-width:640px){#about .sec2 ul li:before{font-size:50px;top:-20px}
#about .sec2 ul li:nth-child(2n):after{display:none}
#about .sec3 .app-slider{padding:0 30px}
#about .sec4 .pic{width:100%;margin-top:20px;float:none}
#about .sec5 ul li{display:block;padding:0;width:100%;margin-bottom:30px}
}
#factory .list{margin:50px -15px}
#factory .list .box{width:100%;font-size:16px;padding:0 15px;margin-top:40px;vertical-align:top}
#factory .list .box .pic{display:block;float:left;width:50%;border:1px solid #e5e5e5;vertical-align:top}
#factory .list .box.right .pic{float:right}
#factory .list .box .pic img{width:100%}
#factory .list .box .content{display:block;float:right;padding:50px;width:50%}
#factory .list .box .content .tit{font-size:22px;font-weight:700}
#factory .list .box .content .txt{font-size:16px}
#factory .list .box .read-more .txt{margin-top:30px;float:right;color:#333;background-color:#fff}
#factory .title .t{font-size:32px;color:#222;text-align:center;font-weight:700;padding:40px 0}
#factory .factory-ban{background:url(../images/factory_banBG.jpg) no-repeat;-webkit-background-size:cover;background-size:cover}
#factory .description{padding:50px 0}
#factory .description .page-subject{margin-bottom:20px}
#factory .flow{background:#f8f8f8;position:relative}
#factory .flow .flow-list{padding:130px 0;position:relative;z-index:2}
#factory .flow .flow-list .block{margin:0 -20px;padding:30px 0;position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}
#factory .flow .flow-list .block>div{width:50%;float:left;padding:0 20px}
#factory .flow .flow-list .block .content .f-t{font-size:18px;font-weight:700;color:#222}
#factory .flow .flow-list .block .content .txt{height:140px;margin-bottom:20px;overflow:hidden;font-size:16px}
#factory .flow .flow-list .block .view{background:#fff;display:block;text-align:center;border:2px solid #aaa;width:170px;color:#333;padding:5px 10px}
#factory .flow .flow-list .block .view span{font-size:14px;line-height:35px}
#factory .flow .flow-list .block:nth-child(odd){-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;flex-direction:row-reverse}
#factory .flow .icon{position:absolute;z-index:3;color:#fff;line-height:80px;font-size:13px;text-align:center;left:50%;margin-left:-40px;width:80px;height:80px}
#factory .flow .icon span{position:relative;z-index:2}
#factory .flow .icon .hex{position:absolute;text-align:center;left:0;top:0;width:100%;z-index:1;height:100%}
#factory .flow .icon .hex svg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
#factory .flow .icon.start{top:-40px}
#factory .flow .icon.start .text{position:relative}
#factory .flow .icon.start .text:after{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-5px;display:block;width:0;height:0;border-style:solid;border-width:4px 5px 0 5px;border-color:#fff transparent transparent transparent}
#factory .flow .icon.start:after,#factory .flow .icon.start:before{top:94%;margin-left:-5px}
#factory .flow .icon.start:after{border-width:0 0 10px 10px;border-radius:0 0 0 30px}
#factory .flow .icon.finish{bottom:-40px}
#factory .buttons{padding:80px 0;text-align:center}
@media only screen and (min-width:991px){#factory .list .box .read-more .txt:hover{color:#fff;background-color:#1a3663;border-color:#1a3663}
#factory .list .box:hover .content .tit a{color:#2a59a3}
#factory .flow .icon:after,#factory .flow .icon:before{content:"";display:block;left:50%;width:30px;height:100px;position:absolute}
#factory .flow .icon:after{border:10px solid #0e3573;z-index:-1}
#factory .flow .icon:before{background:#f8f8f8;z-index:-1}
#factory .flow .flow-list .block .view:hover{background:#1a3663;color:#fff;border-color:#1a3663}
#factory .flow .flow-list .block .line{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
#factory .flow .flow-list .block .line:after{content:"";position:absolute;left:50%;width:25%;top:-5px;bottom:-5px;margin:auto;display:block;border:10px solid #0e3573;border-left-width:0;border-radius:0 30px 30px 0}
#factory .flow .flow-list .block:nth-child(even) .line:after{margin-left:-25%;border-left-width:10px;border-right:none;border-radius:30px 0 0 30px}
#factory .flow .icon.finish.radiusLeft:after,#factory .flow .icon.finish.radiusLeft:before{bottom:94%;margin-left:-25px}
#factory .flow .icon.finish.radiusLeft:after{border-width:10px 10px 0 0;border-radius:0 30px 0 0}
#factory .flow .icon.finish.radiusRight:after,#factory .flow .icon.finish.radiusRight:before{bottom:94%;margin-left:-5px}
#factory .flow .icon.finish.radiusRight:after{border-width:10px 0 0 10px;border-radius:30px 0 0 0}
}
@media only screen and (max-width:1199px){#factory .list .box .content{padding:30px 50px}
}
@media only screen and (max-width:990px){#factory .list .box{margin-top:20px}
#factory .list .box .pic,#factory .list .box.right .pic{float:left;width:40%}
#factory .list .box .content{padding:10px 30px 0;width:60%}
#factory .list .box .content .txt{height:50px;overflow:hidden}
#factory .list .box .read-more{display:none}
#factory .flow{position:relative}
#factory .flow:after{content:"";width:4px;height:100%;background:#0e3573;position:absolute;top:0;left:50%;margin-left:-2px;display:block}
#factory .flow .flow-list{padding:70px 0}
#factory .flow .flow-list .block{display:block;margin:0;padding:50px 20px;background:#f8f8f8;border:4px solid #0e3573;border-radius:30px;margin-bottom:30px}
}
@media only screen and (max-width:640px){#factory .flow .flow-list .block>div{display:block;width:100%}
#factory .list .box .content{padding:0 0 0 20px}
#factory .list .box .content .tit{font-size:18px}
}
@media only screen and (max-width:480px){#factory .list{margin:0 -10px;padding-bottom:40px}
#factory .list .box{margin-top:30px;padding:0 10px}
#factory .list .box .content,#factory .list .box .pic,#factory .list .box.right .pic{float:none;width:100%;text-align:center}
#factory .list .box .content .txt{font-size:14px;line-height:20px;height:40px}
#factory .title .t{font-size:22px}
}
#news .grid{margin:0 -15px}
#news .grid .grid-box{width:25%;max-width:325px;padding:0 15px;margin-bottom:30px}
#news .grid .grid-box a.pic{height:0;padding-bottom:61.016%;display:block}
#news .grid .grid-box .date{background:#2a59a3;color:#fff;margin:0;font-size:14px;pointer-events:none;padding:0 20px;height:30px;line-height:30px;margin-top:-15px;width:100px;position:relative;z-index:2}
#news .grid .grid-box .date:after{content:"";position:absolute;right:-19px;bottom:0;width:0;height:0;border-style:solid;border-width:30px 0 0 20px;border-color:transparent transparent transparent #2a59a3}
#news .grid .grid-box .tit{font-size:16px;color:#222;font-weight:700}
#news .grid .grid-box .txt{font-size:13px;color:#666}
#news .grid .grid-box .more{font-size:14px}
#news .grid .grid-box .more:after{content:"";display:inline-block;vertical-align:middle;margin-left:6px;width:0;height:0;border-style:solid;border-width:4px 0 4px 5px;border-color:transparent transparent transparent #2a59a3}
#news .title{text-align:center;border-bottom:1px solid #fff;padding:50px 0 30px}
#news .title .t{font-size:32px}
#news .title .date{margin:0;font-size:14px}
#news .text-edit{border-top:1px solid #ddd;border-bottom:1px solid #fff;padding:50px 0; text-align:justify;}
#news .buttons{padding:30px 0 50px 0;text-align:center}
#news .nextpre-box{border-top:1px solid #ddd; padding-top:20px;font-size:0.9rem; line-height:2;}
@media only screen and (min-width:991px){#news .grid .grid-box:hover .tit{color:#2a59a3}
}
@media only screen and (max-width:990px){#news .grid .grid-box{width:33.33%}
}
@media only screen and (max-width:640px){#news .grid{margin:0 -8px}
#news .grid .grid-box{width:100%;padding:0 8px}
#news .title{padding:30px 0 20px}
#news .title .t{font-size:22px}
#news .text-edit{padding:30px 0}
#news .buttons{padding:30px 0}
}
#contact{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-items:stretch}
#contact .block{width:50%;float:left;overflow:hidden}
#contact .block .inner{max-width:600px;width:100%;padding:70px 0}
#contact .block.con-form{background:#fff}
#contact .block.con-form .inner{float:right;padding-right:70px}
#contact .block.con-form .title{display:none}
#contact .block.con-form .form{margin:30px 0}
#contact .block.con-form .form dd{margin-bottom:15px}
#contact .block.con-form .form .input-box{border:1px solid #ddd;width:100%;border-radius:3px;padding:8px}
#contact .block.con-form .form .input-box.textBox{height:100px}
#contact .block.con-form .form .input-box:focus{border-color:#0e3573}
#contact .block.con-form .form .codeBox .input-box{width:calc(100% - 140px)}
#contact .block.con-form .form .codeBox .code{float:right}
#contact .block.con-form .buttons{text-align:right;font-size:0}
#contact .block.con-form .buttons .btns{color:#fff;max-width:calc(50% - 10px);margin:0 5px;border:none;border-radius:0;padding:10px}
#contact .block.con-form .buttons .btns span{font-size:16px;line-height:35px}
#contact .block.con-form .buttons .btns.cancel{background:#c0c6cf;width:150px}
#contact .block.con-form .buttons .btns.submit{background:#0e3573;width:200px}
#contact .block.con-info{background:url(../images/bg-grey.gif) repeat;position:relative}
#contact .block.con-info:after{content:"";background:url(../images/contact_img.jpg?v=2) no-repeat 100% 100%;-webkit-background-size:90% auto;background-size:90% auto;display:block;width:100%;height:300px;position:absolute;right:0;bottom:50px;z-index:1}
#contact .block.con-info .inner{padding-left:70px;position:relative;z-index:2;margin-bottom:300px}
#contact .block.con-info .title{font-size:28px;margin:0}
#contact .block.con-info dl{margin:40px 0}
#contact .block.con-info dl:after{content:"";width:60px;height:2px;margin-top:40px;background:#0e3573;display:block}
#contact .block.con-info dl dt{color:#586a91;margin-bottom:15px;font-size:0;display:inline-block;vertical-align:middle}
#contact .block.con-info dl dt i{position:relative;width:30px;height:30px;font-size:1rem;background:#586a91;color:#fff;border-radius:50%;display:inline-block;vertical-align:middle}
#contact .block.con-info dl dt i:before{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#contact .block.con-info dl dd{color:#777;margin-bottom:15px;width:calc(100% - 30px);display:inline-block;vertical-align:middle;padding-left:15px;-ms-word-break:break-all;word-break:break-all}
#contact .block.con-info dl dd a{color:#777}
@media only screen and (min-width:991px){#contact .block.con-info dl dd a:hover{text-decoration:underline}
}
@media only screen and (max-width:1300px){#contact .block .inner{padding:70px 30px}
#contact .block.con-form .inner{padding:30px}
#contact .block.con-info .inner{padding:40px 30px;margin-bottom:0}
#contact .block.con-info dl{margin-bottom:0}
}
@media only screen and (max-width:990px){#contact{display:block}
#contact .block{width:65%}
#contact .block.con-info{width:35%}
#contact{position:relative}
#contact:after,#contact:before{pointer-events:none;content:"";position:absolute;top:0;right:0;width:35%;height:100vh;background:url(../images/bg-grey.gif) repeat;z-index:0}
#contact:after{top:calc(100% - 200px);height:200px;overflow:hidden;background:url(../images/contact_img.jpg) no-repeat 100% 100%;-webkit-background-size:100%;background-size:100%;z-index:30}
#contact .block .inner{max-width:inherit;padding:70px 30px}
#contact .block.con-info dl:after,#contact .block.con-info:after{display:none}
#contact .block.con-info dl dd:last-child{margin-bottom:0}
#contact .block.con-info dl dd{font-size:.937rem}
#contact .block.con-info .inner{padding:30px}
#contact .block.con-info .title{font-size:25px}
}
@media only screen and (max-width:640px){#contact .block .inner{max-width:inherit;width:100%;padding:40px 30px}
#contact .block,#contact .block.con-info{float:none;width:100%}
#contact:after{display:none}
#contact .block.con-info dl{margin-top:20px}
}
#sitemap .list{margin:70px 0;font-size:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-items:stretch;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}
#sitemap .list .box{background:#fff;width:calc(50% - 20px);margin:10px;display:inline-block;vertical-align:top}
#sitemap .list .box .nav{display:block;width:240px;text-align:left;font-size:22px;position:relative;padding:60px 0 60px 100px;font-weight:700}
#sitemap .list .box .nav:before{content:"";position:absolute;left:50px;top:50%;margin-top:-1px;width:20px;height:3px;background:#0e3573}
#sitemap .list .box ul{float:left;margin:70px 80px 40px 0;width:calc(100% - 320px);font-size:16px}
#sitemap .list .box ul li{border-bottom:1px solid #ddd;padding:10px 0 10px 30px;position:relative}
#sitemap .list .box ul li:first-child{border-top:1px solid #ddd}
#sitemap .list .box ul li:before{content:"";width:6px;height:6px;background:#ed7020;border-radius:50%;display:block;position:absolute;left:10px;top:20px}
@media only screen and (min-width:991px){#sitemap .list .box{-webkit-transition:background .35s;-o-transition:background .35s;transition:background .35s}
#sitemap .list .box .nav{width:100%;top:0;background-color:transparent}
#sitemap .list .box ul{margin:0 30px 40px;width:calc(100% - 60px)}
#sitemap .list .box:hover{background:#0e3573}
#sitemap .list .box:hover .nav{color:#fff}
#sitemap .list .box:hover .nav:before{background:#fff}
#sitemap .list .box:hover ul li a{color:#fff}
#sitemap .list .box:hover ul li a:hover{color:#ed7020}
}
@media only screen and (max-width:990px){#sitemap .list .box .nav{top:auto;width:100%;font-size:18px;padding:30px 35px;background-color:transparent}
#sitemap .list .box .nav:before{left:10px;width:15px}
#sitemap .list .box ul{float:none;padding:30px 35px;margin:-40px 0 0 0;width:100%}
}
@media only screen and (max-width:480px){#sitemap .list{margin:30px 0}
#sitemap .list{display:block}
#sitemap .list .box{width:calc(100% - 20px)}
}
#product-view .big-pic{height:260px}
#product-view .top-area{margin-bottom:40px;border-bottom:1px solid #dcdcdc}
#product-view .img-zoom .wrap{position:relative;margin:0;padding:0;padding-bottom:50px}
#product-view .img-zoom .wrap .back{display:block;width:100%;margin:auto;opacity:0}
#product-view .img-zoom .wrap .layer{display:block;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}
#product-view .img-zoom .wrap .layer-img{display:block;position:relative;top:0;left:0;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s}
#product-view .img-zoom .wrap .btn-box{display:inline-block;position:absolute;z-index:10;font-size:0;left:50%;bottom:-45px;vertical-align:top;white-space:nowrap;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:1}
#product-view .img-zoom .wrap .btn-box a{display:inline-block;margin:0 10px;padding:0;width:20px;height:20px;text-align:center;background-color:transparent;-webkit-background-size:100%;-o-background-size:100%;background-size:100%;border:none}
#product-view .img-zoom .wrap .btn-box a i.fa{color:#0e3573;font-size:22px}
#product-view .img-zoom .wrap .btn-box a.zoom-out.open{pointer-events:none;opacity:.1}
#product-view .img-zoom .wrap .btn-box a.zoom-out.open i.fa{color:#999}
#product-view .img-zoom .back{padding:0;width:100%;border:none;background-color:transparent}
@media only screen and (min-width:768px){#product-view .top-area{margin-bottom:0}
#product-view .big-pic{height:auto}
#product-view .img-zoom .wrap .btn-box{bottom:20px}
}
@media only screen and (min-width:1024px){#product-view .img-zoom .wrap .btn-box a{margin:0 20px}
#product-view .img-zoom .wrap .btn-box a i.fa{font-size:30px}
}
.inquiry-now{position:fixed;bottom:105px;right:5px;width:46px;height:46px;-webkit-border-radius:50%;border-radius:50%;background-color:#1b1b1b;font-size:18px;color:#fff;text-align:center;line-height:46px;z-index:100;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.inquiry-now span{display:block;position:absolute;top:5px;right:5px;width:17px;height:17px;line-height:20px;border-radius:100%;background:#ed7020;font-size:12px;line-height:17px}
.inquiry-now:hover{color:#fff;background-color:#1a3663}
.check{margin:0;color:#666;background:#f4f4f4;margin:5px;padding:5px 10px;border-radius:5px}
.check input{display:none}
.check input:checked+span i{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-moz-transition:ease .3s;-o-transition:ease .3s;-webkit-transition:ease .3s;transition:ease .3s}
.check input+span{display:inline-block;vertical-align:middle;margin-right:5px;border:1px solid #aaa;background:#fff;width:15px;height:15px;-moz-transition:ease .3s;-o-transition:ease .3s;-webkit-transition:ease .3s;transition:ease .3s}
.check input+span i{display:block;font-size:.75rem;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}
.side-msg{position:fixed;bottom:-320px;left:0;z-index:1000;-webkit-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
.side-msg.show{bottom:0}
.side-msg .close-msg{position:absolute;right:0;top:0;z-index:1;color:#fff;background:#dec10c;width:40px;height:30px;line-height:30px;text-align:center}
.side-msg .close-msg i{margin:0;padding:0}
@media screen and (max-width:480px){.side-msg{right:0;top:0;left:0;bottom:0;background:rgba(0,0,0,.8);width:100%;height:100vh;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.side-msg .close-msg{top:0;right:0;color:#fff;background:0 0;font-size:1.4rem}
.fb-page{width:280px;height:320px;position:absolute!important;right:0;top:0;left:0;bottom:0;margin:auto}
.side-msg.show{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@media screen and (max-width:767px){#about .sec1:after{height:600px}
}


/*列表*/
#i-info .list {margin-top:30px; margin-bottom:30px; overflow:hidden;}
#i-info .list a.item {display: block; background-color:rgba(255,255,255,.9); width:calc(50% - 2px); float:left; padding:20px; margin:1px;}
#i-info .list a.item .date {float: left;position: relative;width: 80px;height: 80px;background: #959595;padding: 7px 11px;}
#i-info .list a.item:hover .date {background:#2a59a3}
#i-info .list a.item .date span {display: block;color: #fff}
#i-info .list a.item .date span.d {line-height: 35px;font-size: 1.5rem;font-weight: 500;border-bottom: 1px solid rgba(255,255,255,.5); position:relative; text-align:center;}
#i-info .list a.item .date span.ym {line-height: 30px;font-size: .8125rem;position:relative; text-align:center;}
#i-info .list a.item .txt {float: right;width: calc(100% - 96px);height:80px;border-bottom:0px solid #bbb;padding: 10px 0 10px; position:relative;}
#i-info .list a.item .txt .title {line-height: 26px; text-align:left;font-size: 1rem;color: #1b2d6a;margin: 0;overflow: hidden;text-overflow: ellipsis;}
#i-info .list a.item:hover .txt .title {color: #2a59a3}
#i-info .list a.item .txt .summary {line-height:24px; text-align:left;font-size:.8rem;color:#666;margin:4px 0 0;padding-right:5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
@media (max-width:991px) {
	#i-info .list a.item .txt {height: auto;min-height: 70px}
	#i-info .list a.item .txt .summary {max-height: 48px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
}
@media only screen and (max-width:768px) {
	#i-info .list a.item {width:100%; padding:0;}
	#i-info .list a.item .txt {width: calc(100% - 91px);}
	#i-info .list a.item .txt .title {white-space: normal}
	#i-info .list a.item .txt .summary { display:none;}
}
.clearfix:after,.clearfix:before{display: table;content: " "}
.clearfix:after{clear: both}


/*分页*/
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem; margin-bottom:40px; font-size:0.8rem;-ms-flex-pack:center!important;justify-content:center!important}
.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.page-link:not(:disabled):not(.disabled){cursor:pointer}
.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}
.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #0088c8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover{
	text-decoration: none;
}
.page-link:hover {
	text-decoration: none;
	color: #0088c8;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #0088c8;
	border-color: #0088c8;
}
.page-num-current:hover {
	color: #fff;
}

.p-bread{padding:15px 0 10px;font-size:13px;text-align:right}
.p-bread a{display:inline-block;position:relative;margin-right:30px;color:#999;vertical-align:middle}
.p-bread a:hover{text-decoration:underline}
.p-bread a:before{pointer-events:none;content:"";position:absolute;top:50%;right:-16px;margin-top:-9px;width:1px;height:15px;background-color:#999;-webkit-transform:rotate(22deg);-moz-transform:rotate(22deg);-ms-transform:rotate(22deg);-o-transform:rotate(22deg);transform:rotate(22deg)}
.p-bread .home{color:#0176b5}
.p-bread .current{display:inline-block;color:#666;font-weight:400;vertical-align:middle}


#news{padding:0 0 50px}
#news .news-list{margin:0 auto;padding:20px 0;max-width:1300px}
#news .item-box{position:relative;font-size:0;background-color:#fafafa; padding-top:50px;}
#news .item-box:last-child{ padding-bottom:50px;}
#news .item-box .img{display:inline-block;width:30%;vertical-align:middle;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out; padding:0 0 0 60px;}
#news .item-box .img:hover{opacity:.8}
#news .item-box .main{display:inline-block;padding:0px 60px 0 40px;width:70%;vertical-align:middle}
#news .category{position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;padding:17px 15px 0 15px;width:70px;height:70px;color:#fff;font-size:14px;line-height:18px;letter-spacing:1px;text-align:center}
#news .category:before{pointer-events:none;content:"";position:absolute;top:5px;left:5px;width:60px;height:60px;border:1px solid #fff;opacity:.3}
#news .category.orange{background-image:-moz-linear-gradient(132deg,#ef7d2b 0,#fccb0d 100%);background-image:-webkit-linear-gradient(132deg,#ef7d2b 0,#fccb0d 100%);background-image:-ms-linear-gradient(132deg,#ef7d2b 0,#fccb0d 100%)}
#news .category.blue{background-image:-moz-linear-gradient(132deg,#36d1dc 0,#5b86e5 100%);background-image:-webkit-linear-gradient(132deg,#36d1dc 0,#5b86e5 100%);background-image:-ms-linear-gradient(132deg,#36d1dc 0,#5b86e5 100%)}
#news .category.green{background-image:-moz-linear-gradient(132deg,#dce35b 0,#45b649 100%);background-image:-webkit-linear-gradient(132deg,#dce35b 0,#45b649 100%);background-image:-ms-linear-gradient(132deg,#dce35b 0,#45b649 100%)}
#news .xdate{color:#0088c8;font-size:14px}
#news .xtitle{margin:5px 0 0;padding:0;max-height:55px;overflow:hidden; text-align:left; border:none;}
#news .xtitle a{color:#444;font-size:18px;line-height:28px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#news .xtitle a:hover{color:#00a1d6}
#news .xsummary{margin-top:10px;max-height:52px;overflow:hidden;color:#777;font-size:16px;line-height:26px}
#news .xmore{padding:5px 0}
#news .xmore a{position:relative;display:inline-block;padding-left:20px;color:#999;font-size:14px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#news .xmore a:before{pointer-events:none;content:"";position:absolute;top:50%;left:0;margin-top:-4px;width:9px;height:9px;border-right:1px solid #999;border-top:1px solid #999;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#news .xmore a:after{pointer-events:none;content:"";position:absolute;top:50%;left:0;width:0;height:1px;background-color:#00a1d6;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#news .xmore a:hover{padding-left:74px;color:#00a1d6}
#news .xmore a:hover:before{left:48px;border-color:#00a1d6}
#news .xmore a:hover:after{width:50px}
#news.view{background-color:#f6f6f6; padding-top:10px;}
#news.view .top{margin-bottom:20px;padding:0 30px 5px;border-bottom:1px solid #ddd}
#news.view .top span{display:inline-block;vertical-align:middle}
#news.view .top .cate{position:relative;padding-right:70px;color:#fd8b25}
#news.view .top .cate:before{pointer-events:none;content:"";position:absolute;top:50%;right:10px;width:50px;height:1px;background-color:#999}
#news.view .top .date{color:#999}
#news.view .news-view{padding:10px 0}
#news.view .wrap{padding:55px 55px 30px;background-color:#fff}
#news.view .subject{margin:10px 0;color:#444;font-size:28px;line-height:40px}
@media (max-width:1199px){#news .category{top:0;left:0;margin:0}
#news .item-box .main,#news .item-box:nth-child(even) .main{padding:10px 50px}
#news .item-box .xsummary{display:none}
#news .item-box:nth-child(even) .category{left:auto;right:0}
}
@media (max-width:991px){#news .news-list{padding-top:20px}
#news .item-box .main,#news .item-box:nth-child(even) .main{padding:10px 30px}
#news.view .news-view{padding:10px 0}
#news.view .wrap{padding:50px 30px 25px}
#news.view .subject{font-size:20px;line-height:26px}
}
@media (max-width:767px){
#news .item-box{ padding:0 0 20px 0;}
#news .item-box .img{display:block;width:100%;padding:0;}
#news .item-box .main,#news .item-box:nth-child(even) .main{display:block;padding:10px;width:100%}
#news .item-box:nth-child(even) .category{right:auto;left:0}
#news.view{padding-top:10px;}
#news.view .wrap{padding:10px 10px 20px}
#news.view .top{margin-bottom:0;padding:0 10px 5px}
}
.edit-wrap{margin-bottom:20px;padding:0 30px 20px;color:#444;font-size:16px;line-height:26px;border-bottom:0px solid #ddd;word-wrap:break-word;word-break:break-all}
.edit-wrap p{margin:20px 0}
.nextpre-box{padding-left:30px;font-size:0.9rem; line-height:2;}
.share-box{padding-left:30px;font-size:14px}
.share-box .txt,.share-box a{display:inline-block;vertical-align:middle}
.share-box .txt{font-size:14px}
.share-box a{font-size:14px;}
.share-box a.fb{color:#fff;font-size:20px;text-align:center;line-height:32px;background-color:#5171b6}
.share-box a.line{background-color:#33d033}
.back-bar{padding:30px 0 0 0;text-align:center}
.back-bar .txt{position:relative;display:inline-block;padding:0 0 0 75px;color:#00a1d6;font-size:18px;background-color:transparent;border:none;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.back-bar .txt:after,.back-bar .txt:before{pointer-events:none;content:"";position:absolute;top:50%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.back-bar .txt:before{left:5px;width:50px;height:1px;background-color:#00a1d6}
.back-bar .txt:after{left:0;margin-top:-4px;width:9px;height:9px;border-bottom:1px solid #00a1d6;border-left:1px solid #00a1d6;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.back-bar .txt:hover{padding-left:45px}
.back-bar .txt:hover:before{width:30px}
.back-bar .right.txt:before{left:auto;right:5px}
.back-bar .right.txt{padding-left:0;padding-right:75px}
.back-bar .right.txt:after{left:auto;right:0;border-left:none;border-bottom:none;border-top:1px solid #00a1d6;border-right:1px solid #00a1d6}
.back-bar .right.txt:hover{padding-right:45px}
@media (max-width:991px){.share-box{padding:0}
}
@media (max-width:767px){.edit-wrap{padding:0 10px}
.edit-wrap img{ width:100%;}
}


#teach{}
#teach .list-box{padding:30px 0 30px;margin:0 -25px}
#teach .list-box .item-box{width:33.33%;padding:0 25px;margin:0 0 40px;display:inline-block;vertical-align:top}
#teach .list-box .item-box>a{display:block;max-width:405px;margin:0 auto}
#teach .list-box .item-box>a .pic{position:relative;overflow:hidden}
#teach .list-box .item-box>a .pic:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-color:#ed7020;background:-webkit-linear-gradient(225deg,#ed7020 0,#ee945b 100%);background:-moz-linear-gradient(225deg,#ed7020 0,#ee945b 100%);background:-ms-linear-gradient(225deg,#ed7020 0,#ee945b 100%);opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#teach .list-box .item-box>a .pic:after{content:'详情';position:absolute;width:60px;padding-top:70px;background:url(../images/video_eye.png) no-repeat center top;font-size:1rem;color:#fff;text-align:center;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#teach .list-box .item-box>a .ti{margin:0 0 10px;line-height:1.5;font-size:1.125rem;color:#444;padding-left:15px;position:relative}
#teach .list-box .item-box>a .ti:before{content:'';position:absolute;width:3px;height:15px;background:#ed7020;left:0;top:5px}
#teach .list-box .item-box>a .txt{font-size:1rem;color:#777;margin:10px 0 0}
@media (min-width:1025px){#teach .list-box .item-box>a:hover .pic:before{opacity:.75}
#teach .list-box .item-box>a:hover .pic:after{transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1)}
}
@media (max-width:1499px){#teach .list-box{margin:0 -15px}
#teach .list-box .item-box{padding:0 15px}
}
@media (max-width:1024px){#teach .list-box .item-box>a .pic:before{content:'';width:60px;height:60px;border-radius:100%;border:1px solid rgba(255,255,255,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:2;opacity:1;background:0 0}
#teach .list-box .item-box>a .pic:after{content:'';padding:0;width:30px;height:30px;font-size:0;background-position:center -15px;transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1)}
}
@media (max-width:991px){#teach .list-box{padding:10px 0 30px}
}
@media (max-width:767px){#teach .list-box{margin:0 0 30px;padding:10px 0 30px}
#teach .list-box .item-box{width:50%;margin:0 0 30px}
#teach #infscr-loading{bottom:0}
}
@media (max-width:480px){#teach .list-box .item-box{width:100%}
}


#product-view{}
#product-view .info-top{padding:50px;background:#fff;margin:10px 0 50px;font-size:0}
#product-view .info-top .pic-slick{width:50%;display:inline-block;vertical-align:top}
#product-view .info-top .pic-slick .slick-dots{width:100%;position:relative;text-align:center;margin:45px 0 0;padding:0}
#product-view .info-top .pic-slick .slick-dots>li{display:inline-block;vertical-align:top;margin:0 5px;padding:0}
#product-view .info-top .pic-slick .slick-dots>li>button{padding:0;display:block;border:none;background:#ccc;width:10px;height:10px;border-radius:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#product-view .info-top .pic-slick .slick-dots>li.slick-active>button{background:#ed7020}
#product-view .info-top .txt-box{width:50%;padding-left:5%;display:inline-block;vertical-align:top}
#product-view .info-top .txt-box .s-ti{margin:0;line-height:1.8;padding:0 0 10px;font-size:1.563rem;color:#ed7020;background:url(../images/dots.jpg) repeat-x left bottom}
#product-view .info-top .txt-box .features-box{padding:20px 0;background:url(../images/dots.jpg) repeat-x left bottom}
#product-view .info-top .txt-box .features-box .ti{margin:0 0 5px;line-height:1.8;font-weight:700;font-size:1rem;color:#333}
#product-view .info-top .txt-box .operat-box{margin:25px 0 0}
#product-view .info-top .txt-box .btn-wrap{font-size:0;display:inline-block;vertical-align:middle;width:calc(100% - 140px)}
#product-view .info-top .txt-box .btn-wrap>a{display:inline-block;vertical-align:top;position:relative;line-height:45px;border-radius:45px;color:#fff;padding:0 30px;margin-right:20px;text-align:center;background-color:#ed7020;font-size:.938rem;background:-webkit-linear-gradient(0deg,#ed7020 0,#e9a376 100%);background:-moz-linear-gradient(0deg,#ed7020 0,#e9a376 100%);background:-ms-linear-gradient(0deg,#ed7020 0,#e9a376 100%)}
#product-view .info-top .txt-box .btn-wrap>a i{font-style:normal;position:relative;z-index:2}
#product-view .info-top .txt-box .btn-wrap>a:before{content:'';position:absolute;width:100%;height:100%;border-radius:45px;background:#ed7020;left:0;top:0;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#product-view .info-top .txt-box .btn-wrap .back-btn{background:#65cfc6;margin-right:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#product-view .info-top .txt-box .btn-wrap .back-btn:before{display:none}
#product-view .info-top .txt-box .share-box{display:inline-block;vertical-align:middle;padding:0}
#product-view .info-top .txt-box .share-box:before{content:'Share:';position:relative;display:inline-block;vertical-align:middle;font-size:1rem;color:#666}
@media (min-width:1025px){#product-view .info-top .txt-box .btn-wrap>a:hover:before{opacity:1}
#product-view .info-top .txt-box .btn-wrap .back-btn:hover{background:#007ebd}
}
@media (max-width:1199px){#product-view .info-top .txt-box .operat-box{margin:20px 0 0}
#product-view .info-top .txt-box .btn-wrap{display:block;width:100%}
#product-view .info-top .txt-box .share-box{display:block;width:100%;margin:20px 0 0;text-align:right}
}
@media (max-width:991px){#product-view .info-top{padding:35px}
}
@media (max-width:767px){#product-view .info-top{padding:30px 5%}
#product-view .info-top .pic-slick{width:100%;display:block}
#product-view .info-top .txt-box{width:100%;padding:0;margin:20px 0 0}
}
@media (max-width:480px){#product-view .info-top .txt-box .btn-wrap{text-align:center}
#product-view .info-top .txt-box .btn-wrap>a{margin-right:10px;padding:0 25px}
#product-view .info-top .txt-box .share-box{text-align:center}
}
#product-view .view-more{background:#fff;padding:0 0 80px}
#product-view .view-more .tab-head{text-align:center;font-size:0}
#product-view .view-more .tab-head>li{display:inline-block;vertical-align:top;padding:0 20px}
#product-view .view-more .tab-head>li>a{display:block;font-size:1rem;color:#666;padding:15px 10px;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#product-view .view-more .tab-head>li>a:before{content:'';position:absolute;width:100%;height:4px;top:0;left:50%;background-color:#ed7020;background:-webkit-linear-gradient(0deg,#ed7020 0,#e9a376 100%);background:-moz-linear-gradient(0deg,#ed7020 0,#e9a376 100%);background:-ms-linear-gradient(0deg,#ed7020 0,#e9a376 100%);transform:translateX(-50%) scaleX(0);-ms-transform:translateX(-50%) scaleX(0);-moz-transform:translateX(-50%) scaleX(0);-webkit-transform:translateX(-50%) scaleX(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#product-view .view-more .tab-head>li.active>a{color:#222}
#product-view .view-more .tab-head>li.active>a:before{transform:translateX(-50%) scaleX(1);-ms-transform:translateX(-50%) scaleX(1);-moz-transform:translateX(-50%) scaleX(1);-webkit-transform:translateX(-50%) scaleX(1)}
#product-view .view-more .tab-pane{padding:20px 0}
#product-view .view-more #teach{background:#fff}
@media (min-width:1025px){#product-view .view-more .tab-head>li:hover>a{color:#007cbd}
}
@media (max-width:640px){#product-view .view-more{padding:0 0 30px}
#product-view .view-more .tab-head{margin:0 -10px}
#product-view .view-more .tab-head>li{padding:0}
}
@media (max-width:374px){#product-view .view-more .tab-head>li>a{padding:15px 8px;font-size:.938rem}
}

.text-edit2{font-size:1rem;color:#666; text-align:justify;}
.text-edit2:after,.text-edit2:before{content:'';display:table}
.text-edit2:after{clear:both}
.text-edit2 *{max-width:100%}
.text-edit2 img{height:auto!important;max-width:100%}


#de-product-list{background:#f6f6f6}
#de-product-list .main-box{margin:30px 0}
#de-product-list .main-box .left-menu{width:220px;float:left;position:relative}
#de-product-list .main-box .left-menu .open-close{display:none}
#de-product-list .main-box .left-m-first{background:#fff;border:1px solid #eee}
#de-product-list .main-box .left-m-first>li>p{margin:0;width:100%;padding:10px 20px;position:relative;background:-webkit-linear-gradient(-30deg,#007ebd 50%,#69d2c7 100%);background:-moz-linear-gradient(-30deg,#007ebd 50%,#69d2c7 100%);background:-ms-linear-gradient(-30deg,#007ebd 50%,#69d2c7 100%)}
#de-product-list .main-box .left-m-first>li>p a{color:#fff;font-size:1.125rem}
#de-product-list .main-box .left-m-second{padding:0 15px}
#de-product-list .main-box .left-m-second>li{border-bottom:1px solid #eee}
#de-product-list .main-box .left-m-second>li:last-child{border-bottom:none}
#de-product-list .main-box .left-m-second>li>a{display:block;padding:8px 5px;font-size:1rem;color:#444;position:relative}
#de-product-list .main-box .left-m-second>li>a:after{content:'';position:absolute;width:13px;height:7px;background:url(../images/left-menu_aw.png) no-repeat center center;right:10px;top:50%;margin-top:-3.5px}
#de-product-list .main-box .left-m-second>li>a.not:after{display:none}
#de-product-list .main-box .left-m-second>li.current>a:after,#de-product-list .main-box .left-m-second>li.open>a:after{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}
#de-product-list .main-box .left-m-third{padding:0 0 10px;display:none}
#de-product-list .main-box .left-m-second>li.current .left-m-third{display:block!important}
#de-product-list .main-box .left-m-third>li>a{display:block;padding:5px;font-size:0.9rem;color:#999;padding-left:20px;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#de-product-list .main-box .left-m-third>li>a:before{content:'-';position:absolute;left:5px;top:5px}
#de-product-list .main-box .left-m-third>li.current>a{color:#007cbd}
@media (min-width:1025px){#de-product-list .main-box .left-m-third>li:hover>a{color:#007cbd}
}
@media (max-width:991px){#de-product-list .main-box .left-menu{position:fixed;left:-220px;top:50%;z-index:1001;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#de-product-list .main-box .left-menu.open{left:0}
#de-product-list .main-box .left-m-first{max-height:100vh;overflow-y:auto}
#de-product-list .main-box .left-menu .open-close{display:block;position:absolute;right:-40px;width:40px;padding:15px 0;color:#fff;font-size:1rem;background:#007cbd;text-align:center;top:50%;cursor:pointer;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#de-product-list .main-box .left-menu .open-close i{display:block}
#de-product-list .main-box .left-menu.open .open-close{background:#004b87}
#de-product-list .main-box .left-menu.open .open-close i{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}
}
#de-product-list .main-box .right-main{float:right;width:calc(96% - 220px)}
#de-product-list .main-box .right-main .m-ti{font-size:1.25rem;color:#666;margin:0 0 40px;position:relative;padding:0 0 10px 15px;line-height:1.5;border-bottom:1px solid #ddd}
#de-product-list .main-box .right-main .m-ti:before{content:'';position:absolute;width:3px;height:20px;background:#65c0b7;left:0;top:4px}
#de-product-list .list-box{margin:0 -15px;padding:0 0 140px}
#de-product-list .list-box .item-box{width:25%;padding:0 15px;margin:0 0 55px}
#de-product-list .list-box .item-box>a{display:block;width:100%;margin:0 auto;border:1px solid #eee;position:relative}
#de-product-list .list-box .item-box>a .pic{background:#fff;overflow:hidden}
#de-product-list .list-box .item-box>a .pic img{margin:0 auto}
#de-product-list .list-box .item-box>a .txt{padding:20px 5%;background:#fff}
#de-product-list .list-box .item-box>a .txt .ti{margin:0 0 5px;line-height:1.5;color:#444;font-size:1rem;font-weight:200; text-align:center;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#de-product-list .list-box .item-box>a .txt p{font-size:1rem;color:#777;margin:0}
#de-product-list .list-box .item-box>a .more{font-size:.938rem;color:#fff;text-align:center;line-height:45px;width:100%;background:#65c0b7;display:block;left:0;bottom:-25px;position:absolute;pointer-events:none;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#de-product-list .list-box .item-box>a .more i{padding-left:75px;display:inline-block;position:relative;margin-right:30px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#de-product-list .list-box .item-box>a .more i:before{pointer-events:none;content:'';position:absolute;top:50%;left:5px;width:50px;height:1px;background-color:#fff;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#de-product-list .list-box .item-box>a .more i:after{pointer-events:none;content:"";position:absolute;top:50%;left:52px;margin-top:-4px;width:9px;height:9px;border-top:1px solid #fff;border-left:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
@media (min-width:1025px){#de-product-list .list-box .item-box>a:hover .more{bottom:-45px;opacity:1;pointer-events:auto}
#de-product-list .list-box .item-box>a .more:hover{background:#3a938a}
#de-product-list .list-box .item-box>a:hover .txt .ti{color:#007cbd}
}
@media (max-width:1499px){#de-product-list .list-box .item-box{width:33.33%}
}
@media (max-width:1024px){#de-product-list .main-box .right-main .m-ti{margin:0 0 25px}
#de-product-list .list-box{padding:0 0 100px}
#de-product-list .list-box .item-box{margin:0 0 30px}
#de-product-list .list-box .item-box>a .more{position:relative;bottom:auto;left:auto;opacity:1;pointer-events:auto}
}
@media (max-width:991px){#de-product-list .main-box .right-main{float:none;width:100%;padding:0 35px}
}
@media (max-width:767px){#de-product-list .list-box{padding:0 0 100px}
#de-product-list #infscr-loading{bottom:0}
#de-product-list .main-box .right-main .m-ti{margin:0 0 20px}
#de-product-list .list-box .item-box{width:50%}
}
@media (max-width:480px){#de-product-list .list-box .item-box{width:100%}
}
#de-product-list.search .main-box .right-main{float:none;width:100%}
@media (min-width:1200px){#de-product-list.search .list-box .item-box{width:25%}
}
@media (max-width:991px){#de-product-list.search .main-box .right-main{padding:0 5%}
}